VH

黏糊糊的菜单

黏糊糊的菜单body{padding:0;margin:0;filter:url('#goo')}figure{margin:0;}.main-container{width:100%;height:100vh
timi先生·2023-06-11 14:34

rem布局

单位em是一个相对单位，1em等于当前元素或父元素的font-size值rem是一个相对单位，1rem等于根元素的font-size值vw/vh：把屏幕分为100份，1vw等于屏幕宽的1%动态设置font-size
icaojinyu·2023-06-10 23:24

Vector - 常见设备I/O设置及使用

目录IOcabI/OIOpiggy(VN89andVN75family)VH6501I/OVN0601I/OVN163
车载网络测试·2023-06-10 23:15

px转化vh和vw

CSS3中有两个新尺寸单位vw和vh，这两个单位非常适合于开发移动端自适应页面。假如说有一个设计师做了一张1136x750px的页面，这长页面是针对iPhone6的屏幕设计的。
cc&·2023-06-10 17:13

前端面试高频考点重中之重（HTML、CSS部分）持续更新~

负值问题BFCfloat布局圣杯布局和双飞翼布局的技术总结：手写clearfixFlex布局absolute和relative定位垂直居中和水平居中line-height如何继承响应式系列remvm/vh
北海的大鱼·2023-06-10 12:20

uni-app简单实现一下拖拽排序

drag-and-drop-sort-A",props:{//容器大小containerSize:{type:Object,default:()=>({wdith:'100vw',height:'100vh
略略大魔王丶·2023-06-10 08:35

微信小程序实现A-Z导航的Slidebar

}}slidebar.wxss/*components/slidebar/slidebar.wxss*/.slidebar{position:absolute;right:0rpx;height:98vh
DrJasonZhang·2023-06-10 07:24

div 动态高度

 height:calc(100vh-100px);Css3特性，表示系统高度减100px
dkmilk·2023-06-09 13:43

Vim (NeoVim) 配置

inserta代表的是appendVisual[Character]视觉模式：用于选择单个字符（v小写’v’）视觉线模式：用于一次选择整条线（V大写“V”）视觉块模式：用于选择块状矩形形状的文本Ctrl+vh
howeres·2023-06-09 13:26

本地html连接数据库

/back2.jpg");background-repeat:no-repeat;background-size:100%;}.login{float:right;margin-right:20vh;margin-top
limit for me·2023-06-08 15:23

手机及PC上划加载

style="height:64vh;overflow:auto"@scroll="loadImg($event)"loadImg(event){const_this=this;letel=event.target
黑白两客·2023-06-08 12:40

长时长视频java存储及vue播放解决方法

/稻香.mp4-c:vh264-flags+cgop-g30-hls_time5-hls_list_size0-hls_segm
想花·2023-06-08 11:18

不要用100vh做移动响应

本文首发于微信公众号：大迁世界,我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看GitHubhttps://github.com/qq449245884/xiaozhi，包含一线大厂面试完整考点、资料以及我的系列文章。快来免费体验ChatGptplus版本的，我们出的钱体验地址:https://chat.waixingyun.cn可以加入网站底部技
·2023-06-08 09:49

前端面试题整理13

9.em、rem、px、vw、vh的区别？10
m-TT·2023-06-08 07:31

apache虚拟主机头的实现方式

地址的80端口Listen192.168.2.20:80Listen192.168.2.30:80开启使用虚拟主机文件的选项#Virtualhosts#Includeconf/extra/httpd-vh
人间打气筒（Ada）·2023-06-08 06:19

2022-04-13移动端适配

移动端移动适配px与百分比布局（流式布局）px和百分比布局.pngrem适配REM.pngvw适配VW.pngvh适配vh.png
彭vison·2023-06-08 06:14

仿chatGPT或chatPDF的前端界面布局，css实现对话聊天布局代码，响应式左右分栏布局（附完整源代码）...

flex布局方式实现，左右分栏，以及对话形式展示效果下面是效果图：在手机设备看就隐藏左侧，右侧100%适应下面就是html和css的布局代码.chatpdf{display:flex;height:100vh
小红帽2.0·2023-06-07 17:46

移动端适配

2.方案一：VWvw方案使用postcss-px-to-viewport插件将px单位转化为vw/vh单位npmipostcss-px-to-viewport-D//postcss
神也佑我YK·2023-06-07 13:41

素雅的登录界面，简单而优雅

before{margin:0;padding:0;box-sizing:border-box;user-select:none;}/*Generic*/body{width:100%;height:100vh
timi先生·2023-06-07 01:52

纯代码的3D玫瑰花，有个这个还怕女朋友不开心？

family=Niconne&display=swap");*{margin:0;padding:0;}body{position:relative;width:100vw;height:100vh;background
timi先生·2023-06-07 01:51

分享一个卡通人物

#1a1e2d;--green:#a5ea9b;--pink:#ff61d8;--blue:#569cfa;--orange:#ffcc81;--cyan:#7ed1e2;}body{height:100vh
timi先生·2023-06-07 01:09

羊了个羊小游戏

sheep手机端体验更佳哦羊了个羊简易版:root{--top-text-color:#ffffff;}*{margin:0;padding:0;}body{width:100vw;height:100vh
满山猴子我腚最红#·2023-04-21 18:17

web前端网页单位、像素、px、rpx、em、rem、vw、vh、vm、%

文章目录前言背景1、px2、rpx3、em4、rem5、vw6、vh7、vm8、%前言背景随着Web的发展，对新的适配解决方案需求也会继续增大，对网页的要求更高。
素码人·2023-04-21 18:07

Vue3PDF预览（vue3-pdf-app）

（src），类型：string，必传，默认''预览容器宽度（width），类型：number|string，默认'100%'预览容器高度（height），类型：number|string，默认'100vh
theMuseCatcher·2023-04-20 22:37

CSS面试考点准备之响应式布局

从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw
团子哒哒·2023-04-20 12:47

H5在iOS上的滚动兼容问题

height:100%撑不开Body{  position:absolute;left:0;top:0;right:0;bottom:0;}三，兼容刘海屏四，另外需要设置容器高度为height:100vh
且慢码农·2023-04-19 20:15

关于ios手机嵌套h5页面滚动兼容问题解决

1.使用绝对定位滚动元素使用绝对定位{position:absolute;top:0;left:0;bottom:0;height:100vh;overflow-y:srcoll;}2.添加兼容样式{-
Xl-D120·2023-04-19 20:15

CSS实现文字镂空效果炫酷背景效果

代码案例Documentbody{margin:0;padding:0;}.test-title{width:100vw;height:100vh;
·2023-04-18 22:09

CSS进阶（杂乱笔记系列）

normalflowfloat+clearpositionrelative+absolutedisplayinline-block负margin1.Float布局2.Flex布局全屏里居中：height:100vh
wyx8267·2023-04-18 10:17

前端面试题-CSS

左边固定（100px）右边自适应布局7、水平居中布局8、CSS样式叠加的权重9、link与@import的区别10、css3新特性11、有哪些方式（CSS）可以隐藏页面元素12、说说em/px/rem/vh
三个木马人·2023-04-18 02:54

css动画及背景设置

可以创建多边形内容显示区域polygonclip-path:polygon(00,100%0,100%75vh0100%);顺序1初始xy为001向2位置x轴移动100%y移动02向3位置x轴为100%
上帝喜欢糖·2023-04-17 23:49

【无标题】

一、布局介绍流式布局=》百分比布局所有的东西都采用百分比完成媒体查询rememvw/vh布局只是一种手段不要被他束缚布局的目的就是=》将设计稿完美展现在PC端移动端有一定的兼容性详细在后期二、移动端项目一般在开发者工具中查看视口
李桥桉·2023-04-17 03:29

常见的CSS布局单位

常见的CSS布局单位常用的布局单位包括像素（px），百分比（%），em，rem，vw/vh。
ModelLife·2023-04-17 01:51

移动前端上避免使用100vh单位

height:100%和height:100vh的区别vh就是当前屏幕可见高度的1%，也就是说height:100vh==height:100%;但是当元素没有内容时候，设置height:100%，该元素不会被撑开
Steve_Pink·2023-04-16 22:25

自适应布局

一、布局单位rem：相对于根元素的font-size（html）em：相对于父元素占满整个可视窗口width：100vwheight：100vh二、常用屏幕适配标签设置https://www.jianshu.com
致自己_cb38·2023-04-16 22:44

rem布局

vw/vh：把屏幕分为100份，100vw等于屏幕宽度，1vw等于屏幕宽度的1%。
icaojinyu·2023-04-16 18:11

CSS vw vh详解

CSSvwvh详解简介适配原理简介vwvh是一种相对单位相对视口的宽度计算结果vwviewportwidth1vw=1/100视口宽度vhviewportheight1vh=1/100视口高度适配原理1
Gik99·2023-04-16 12:49

CSS 中calc()神技

demo：.main-content{/*盒子的高度是100vh-80px*/height:calc(100vh-80px);}让我们来详细的学习一下这个功能吧:一,calc()的作用范围;calc()
小涂异想世界·2023-04-16 11:00

继承应用

position:absolute;}#box2{background:green;}#box3{background:blue;}*{margin:0;padding:0}body{height:100vh
邱帅123·2023-04-16 10:02

性能优化-使用RecyclerView的正确姿势

前言本文是在作者Blankj基础上补充一些RecyclerView的正确姿势Tips持续更新~数据处理和视图加载分离我们知道，从远端拉取数据肯定是要放在异步的，在我们拉取下来数据之后可能就匆匆把数据丢给了VH
笨蛋小灰熊·2023-04-16 09:52

移动端软键盘弹出挤压页面和单位是vh横屏页面时，页面被挤压

公司项目是微信公众号网页，用的是Jquery,单位是vh,这就导致横屏时页面高度很小，元素都都被压缩，我自己看着都难受，就不要说用户了。还有当软键盘弹出时页面也会受到挤压，那怎么解决的呢？
俗人日记w·2023-04-16 00:04

thymeleaf 登录页面

background-image:linear-gradient(toleft,#1f1f21,rgb(112,142,201));}.login-control{width:100%;height:97vh
Ocean@上源码·2023-04-15 23:50

响应式布局的五种方法

响应式布局的五种方法1.百分比布局2.rem布局3.媒体查询@mediascreen4.flex布局5.vw和vh响应式布局是同一页面在不同的屏幕上有不同的布局，即只需要一套代码使页面适应不同的屏幕。
zhaojiaxing123·2023-04-15 17:06

HTML5纯css实现爱心动画效果DW、vscode来自程序员的浪漫表白

body{/*弹性布局元素垂直水平居中*/display:flex;justify-content:center;align-items:center;/*占浏览器窗口高度占比*/height:100vh
Ming-Afresh·2023-04-15 15:50

用 svg 辅助页面文字自适应

最近在做页面适配的时候，发现对于全设备（包括移动端和pc端）适配的时候，vw和vh布局是一个很不错的方式（后面我们统一称呼维vw布局）。虽然不能保证在所有的屏幕尺寸都能达到理想的效果，但是
纯爱枫若情·2023-04-14 20:19

CSS：横向导航栏

list-style:none;text-decoration:none;}body{display:flex;justify-content:center;align-items:center;height:100vh
卡布达吃西瓜·2023-04-14 16:18

【图数据挖掘】— 子图同构问题、单射函数和双射函数、同构（isomorphic）和同态（homomorphism）

具体来说，给定两个图G=(VG,EG)G=(V_G,E_G)G=(VG,EG)和H=(VH,EH)H=(V_H,E_H)H=(VH,EH)，若存在一种从GGG到HHH的映射ϕ:V
之墨_·2023-04-14 14:12

色彩板案例

body{background-color:#111;margin:0;display:flex;align-items:center;justify-content:center;height:100vh
Fanny·2023-04-14 14:45

构建有符号加法器和有符号乘法器的经验

n6r(N3Vh9`我犯得低级错误对项目影响挺大的，因为项目做得是多通道数据采集，对每个通道都做累加去噪，由于没有注意到有符号乘法与加法的补码问题，多通道一'x%C1q#K*};_7m.L3}直打不到理想的要求
ku恼的小孩·2023-04-13 23:24

web、html、css实现平行四边形、transform、skewX、skew

文章目录1、效果图2、嵌套元素实现3、伪类元素实现1、效果图2、嵌套元素实现☺☺☺css部分☺☺☺body{height:100vh;margin:0;padding:0;display:flex;justify-content
素码人·2023-04-13 15:04
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他