vh

3D立方体图册

:0;box-sizing:border-box;}body{display:flex;align-items:center;justify-content:center;min-height:100vh
 勿忘初心·2024-02-06 05:57

em/px/rem/vh/vw的区别

三、总结一、介绍传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh
花言儿·2024-02-05 15:02

2024年1月Java项目开发指南15：vue3+AntDesignVue 设计页面

我们希望他他占满整个页面(100vh)引用组件Header设计关于header的布局，我们使用ant-design-vue中的栅格组件
萌狼蓝天·2024-02-05 03:26

移动Web——vw

vw移动适配效果：当手机屏幕的尺寸发生变化的时候，网页元素的宽高都要等比例变化相对单位相对视口的尺寸计算结果vw：viewportwidth1vw=1/100视口宽度vh：viewportheight1vh
越努力越幸运`·2024-02-05 01:55

实现图片点击水纹效果

body,html{width:100%;height:100%;}.g-container{position:absolute;top:0;left:0;width:100vw;height:100vh
__越过山丘__·2024-02-04 22:01

AI换脸

使用教程https://www.bilibili.com/video/BV1pN411p7vh/?
小乔与周瑜·2024-02-04 21:09

指令实现element弹窗的全屏与移动

注意点在弹窗外加一层div，指令加在div上，不要直接加在弹窗上，会报错在指令上给弹窗加一个高度，用vh单位，加高度是为了计算后续的移动边界全屏状态下不允许移动....效果代码/加载需要的样式require
无知的小菜鸡·2024-02-03 21:35

在GEE平台提取Sentinel-1 SAR GRD的VV+VH波段

1.数据描述TheSentinel-1missionprovidesdatafromadual-polarizationC-bandSyntheticApertureRadar(SAR)instrumentat5.405GHz(Cband).ThiscollectionincludestheS1GroundRangeDetected(GRD)scenes,processedusingtheSent
Czi.·2024-02-03 19:14

【CSS】页面自适应屏幕宽度（响应式布局媒体查询-@media、弹性布局、网格布局和相对单位-vh/em/%）

【CSS】页面自适应屏幕宽度（响应式布局媒体查询-@media、弹性布局、网格布局和相对单位-vh/em/%）一、媒体查询（@media）1、媒体类型2、媒体特征3、媒体查询语法4、示例（1）示例1（2
香菜啵子欸·2024-02-02 23:43

css实现按钮边框旋转

先上效果图本质：一个矩形在两个矩形互相重叠遮盖形成的缝隙中旋转形成，注意css属性z-index层级关系直接上代码按钮.bg{width:100%;height:100vh;background-color
guizi0809·2024-02-02 14:57

【AG32VF407】国产MCU+FPGA，更新官方固件解决8Mhz内部晶振不准，Verilog实测7.9Mhz！

pwd=vh2d提取码：vh2d其次需要使用su
LitchiCheng·2024-02-01 10:51

uniapp 问题汇总-问题数(2)

折叠面板嵌套scroll-view嵌套之后安卓可以滚动，ios无法滚动去使用原因是动态设置scroll-view高度的时候将高度错误错误代码:style="{'max-height':`calc(100vh
前端专业写bug·2024-02-01 06:29

ffmpeg分割视频

/test.m3u8-ccopy-bsf:vh264_mp4toannexb-map0.
somgl·2024-02-01 05:46

css文本水波效果

font-family:"Poppins",sans-serif;}body{display:flex;justify-content:center;align-items:center;min-height:100vh
 勿忘初心·2024-01-29 14:30

root + vm vh 实现响应式字体

大家好，我是半夏，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕点赞加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识!点我探索新世界！原文链接==>http://sylblog.xin/archives/52前言一个网页中最多的东西是啥?正常人的第一反映肯定是文字，你要是跟我说是图片，那我只能表示：响应式网页设计中
程序员半夏·2024-01-29 13:36

Web 上升的圆心

margin:0;padding:0;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh
赫凯·2024-01-29 02:25

有趣的 CSS - 动态圆点水波纹效果

css部分代码.app{width:100%;height:100vh;position:relative;display:flex;justify-content:center;align-items
设计师工作日常·2024-01-29 01:44

微信小程序实现文本输入弹窗

取消确定wxss.container{width:100%;min-height:100vh;background-color:#101419;}.toast-box{width:100%;height
九月镇灵将·2024-01-28 23:41

有趣的css - 好看的呼吸灯效果

css部分代码：.app{width:100%;height:100vh;display:flex;justify-content:center;
设计师工作日常·2024-01-28 16:52

html视口单位：vw,vh,rem

前言不像响应式布局，通过mediaquery，设置几个变化点来适配，流体排版通过调整大小，适配所有设备宽度。这个方法可以使我们开发的网页，在几乎所有屏幕尺寸上都可以使用。但出于一些原因，它的使用率还远远没有响应式技术高。在印刷的历史上，排版是根深蒂固的。关于“流体”的概念，在传统思想里并不存在。这是因为，在印刷上，尺寸大小都是有固定的，不用考虑在页面上使用。我认为流体排版技术可以和网页很好的匹配。
蹦极的考拉·2024-01-28 08:28

css的em/px/rem/vh/vw区别（万能的适配单位）

三、总结一、介绍传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh
贫僧法号依平·2024-01-27 22:22

HTML/JS实现漂亮的时钟效果（附带源码）

Day00*{font-family:'Poppins',sans-serif;margin:0;padding:0;box-sizing:border-box;}body{min-height:100vh
二当家的素材网·2024-01-27 21:00

上传文件 并返回base64 demo

任意文件转base64-直接拖进来body{word-break:break-all;margin:01em;min-height:100vh;font-family:Consolas,"AndaleMono
别亦难�·2024-01-27 18:20

2024 高级前端面试题之 CSS 「精选篇」

层叠上下文4.居中布局5.选择器权重计算方式6.清除浮动7.link与@import的区别8.CSS3的新特性9.CSS动画和过渡10.有哪些方式（CSS）可以隐藏页面元素11.说说em/px/rem/vh
八了个戒·2024-01-27 06:55

网页屏幕适配通透了

一，如果设计尺寸固定那就按照固定尺寸开发一般都是1920*1080二，需要适配多种像素屏幕（大屏可视化）可使用媒体查询设置多套css样式或者使用自适应单位，%，vw，vh最好解决方案rem，可根据html
Cc_Debugger·2024-01-27 00:58

elementplus Dialog 对话框设置距离页面顶部的距离

默认为15vh，当弹窗过于高的时候，这个距离其实是不合适的ThisisamessageCancelConfirm
红烧咸咸鱼·2024-01-26 16:51

微信小程序登录获取手机号教程(超详细)

本篇文章介绍后端获取方法：前端工作后端工作前端新建Page页面，在xxx.wxml中加入下方代码获取手机号{{phone}}css：/**index.wxss**/page{height:100vh;display
大蘋果·2024-01-26 06:03

css文本镂空效果

/assets//img/夜景.jpg")no-repeatcenter/cover;background:var(--bg);height:100vh;font-family:"OpenSans",sans-serif
 勿忘初心·2024-01-26 02:13

微信小程序px、rpx、vh、百分比单位介绍

pxpx：css长度单位，一般为1/96英寸。rpxrpx:可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1物理像素。设备rpx换算px(屏幕宽度/750)px换算rpx(750/屏幕宽度)iPhone51rpx=0.42px1px=2.34rpxiPhone
句号（在IT行业摸爬滚打）·2024-01-25 21:46

vue3 vite使用postcss-px-to-viewport 实现页面自适应

postcss-px-to-viewport是一个PostCSS插件，它可以将px单位转换为视口单位（vw、vh或vmin）。视口单位是相对于视口尺寸来计算的长度单位，而不是相对于父元素或根元素。
前端小趴菜05·2024-01-25 18:03

HTML+CSS：展开动画

Code*{margin:0;padding:0;box-sizing:border-box;}body{height:100vh;displa
若冰说·2024-01-25 15:59

微信小程序 IOS 黏性布局sticky包裹scrollview使用页面异常问题

解决方法：页面最外层再包裹一层高度100vh的scrollview即可解决该问题。问题如下图所示：图一正常状态，图二拉伸一定高度scrollview消失，图三继续拉伸s
惊悚的毛毛虫·2024-01-25 14:56

uniapp 用css animation做的鲤鱼跃龙门小游戏

下面是主要代码背景移动.bgBox{width:100%;height:100vh;animation-di
php技师·2024-01-25 06:24

HTML5+CSS3+JS小实例：音频可视化

制作不易安利给大家前端实用的小实例cv可直接运行使用效果图：HTML：音频可视化css：*{margin:0;padding:0;}body{min-height:100vh;display:flex;
耀南.·2024-01-24 17:32

CSS实现文本和图片无限滚动动画

图如下：*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}body{min-height:100vh
吃葡萄不吐葡萄皮嘻嘻·2024-01-24 16:20

滑动选择效果

font-family:Helvetica,"PingFangSC";}main{display:flex;align-items:center;justify-content:center;height:100vh
你的美，让我痴迷·2024-01-24 07:51

前端使用css去除input框的默认样式

关键点：/*关键点，让输入框无边框*/outline:none;border:none;1.效果图2.html3.css.containerinput{width:100%;height:7vh;/*关键点
00秃头小宝贝·2024-01-24 06:46

css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况

px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。rem：相对单位，可理解为”rootem”,相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。(另外需注意chrome强制最小字体为12号，即使设置成10px最终都会显
zxf13717561643·2024-01-23 08:38

CSS度量的单位px、rem、em、vw、vh有什么区别

1、px绝对单位，页面按精确像素展示2、em相对长度单位，相对于当前对象内文本的字体尺寸，根据父元素的大小变化而变化对单位，基准点为父节点字体的大小。em是指字体高度浏览器默认1em=16px,所以0.75em=12px;我们经常会在页面上看到根元素写的font-size:62.5%;这样em就成了16px*62.5=10em;这是显示在页面的字体大小是10px;这样12px=1.2em,10px
形影相吊.·2024-01-23 08:07

px、em、rem、%、vw、vh、vm这些单位的区别

1.背景介绍我们为什么要选择合适的网页设计单位随着Web的发展，对新的解决方案的需求也会继续增大，对网页的要求更高。网页设计单位是涉及到我们布局的效果，使用不同的单位会对最终的demo，会有影响。现在都是要求响应式设计，需要适配各种设备，电脑，手机，平板。如果单位不合适，可能在这个设备显示良好，那个设备就会打乱布局。所以需要我们选择合适的单位来进行开发，设计。2.知识剖析1、pxpx就是pixel
89hhhh·2024-01-23 08:37

html pc vw过大,前端尺寸单位em ex ch rem vw vh vm cm mm in pt pc px 详述

首先我们分下类，你要从根本上知道它：绝对单位：pxincmmm相对单位：emremptpcexch百分比单位：vwvhvm%下面进入正题：px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算(浏览器默认字体是16px)，整个页面内1em不是一个固定的值。rem：相对单位，可理解为”rootem”,相对根节点html的字体大小来计算
动脉网·2024-01-23 08:07

css单位介绍em ex ch rem vw vh vm cm mm in pt pc px

长度单位主要有以下几种emexchremvwvhvmcmmminptpcpx%，大概可以分为几种“绝对单位”和“相对单位”和“百分比单位”。绝对单位：pxincmmm相对单位：emremptpcexch百分比单位：vwvhvm%下面主要说几个常用的单位px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px）
weixin_30387423·2024-01-23 08:06

css单位 % em rem vw vh vmin vmax pt ch ex

px像素(计算机屏幕上的一个点)，项目开发中特别是移动端开发我经常会使用webpack将px转化为rem来适应屏幕宽度%百分比，理解为和父元素字符的相对大小，但是有几个注意点：1.对于普通元素，相对于父元素大小2.对于position:absolute元素，相对于已经定位的父元素（position:relative）3.对于position:fixed，相对于浏览器的viewportem相对于使用
BenjaminShih·2024-01-23 08:36

web前端长度单位详解（px、em、rem、%、vw/vh、vmin/vmax、vm、calc()）

基础理论1）简介2）绝对长度3）相对长度4）经验之谈1）简介在前端开发中，会遇到各种不同类型的长度单位，比如px,em,rem等。而整体的长度单位分为两大类：相对长度和绝对长度。2）绝对长度绝对长度单位是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）。1.px像素（Pixel）px的最小单位是1，所以小数的度量没有意义相对于显示器屏幕
落花见流水·2024-01-23 08:06

css长度单位学习(em,rem,px,vw,vh)

绝对长度单位绝对长度单位代表一个物理测量【像素px(pixels)】像素，为影像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“画像元素”之意，有时亦被称为pel（pictureelement）。每个这样的消息元素不是一个点或者一个方块，而是一个抽象的取样。仔细处理的话，一幅影像中的像素可以在任
baoao1875·2024-01-23 08:05

html中，元素width和height的单位px、cm、mm、in、pc、pt、ch、em、rem、vh、vw、vmin、vmax的含义

在HTML中，元素的width和height属性可以使用多种单位来表示尺寸。下面是这些单位的含义：像素（px）：像素是最常见的单位，表示固定的像素值。例如，width:200px;表示元素的宽度为200像素。厘米（cm）：厘米是一个国际通用的长度单位。例如，width:5cm;表示元素的宽度为5厘米。毫米（mm）：毫米也是一个国际通用的长度单位，比厘米更小。例如，width:20mm;表示元素的宽
MartinYangHJ·2024-01-23 08:04

HTML+CSS：3D轮播卡片

Codebody{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#e8e8e8
若冰说·2024-01-23 05:55

HTML5+CSS3小实例：旋转的炫光心形loading动画

旋转的炫光心形loading动画【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/height:100vh
艾恩小灰灰·2024-01-22 16:53

2.IHRM人力资源 - 登录

index.vue页面下登录exportdefault{name:'Login'}.login-container{display:flex;align-items:stretch;height:100vh
我爱布朗熊·2024-01-22 07:11

微信小程序（八）图片的设定

页面横向总长度为750rpxwidth:300rpx;height:300rpx;background-color:aqua;}.picOverall{//高度设为100%以实现全图预览的效果height:100vh
代码对我眨眼睛·2024-01-22 05:31
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他