vh

HTML & CSS & JavaScript - 一个简单数字时钟

:0;}body{background:linear-gradient(#000000,#841010);/*background-color:#000;*/width:100%;height:100vh
好好活着，不要熬夜·2023-09-23 16:45

Flex布局和Float布局的实现

例如，可以使用以下样式来创建一个简单的水平居中布局：body{display:flex;justify-content:center;align-items:center;height:100vh;}3
心态呀·2023-09-23 07:46

移动端适配以及多屏幕自适应方案

文章目录前言一、移动端适配问题二、meta-viewport标记三、rem字体适配四、vw和vh五、postcss转换插件总结前言本文主要记录适配移动端以及多屏幕的解决办法，还有postcss转换插件的编写
天将降大任于我·2023-09-22 20:36

Flex布局和Float布局的实现

例如，可以使用以下样式来创建一个简单的水平居中布局：body{display:flex;justify-content:center;align-items:center;height:100vh;}`
Fran_klin__·2023-09-22 20:12

Vue3 中 h函数（render）嵌套-插槽 使用方法

”使用方法：1.基础语法（嵌套两层，以及包含组件的写法）constApp={render(){returnVue.h('h1',{style:{color:'red',height:'calc(100vh
王小王和他的小伙伴·2023-09-22 11:30

CSS-clamp 函数说明

例如：rem,vw,vh,100%!max:是最大值，不得高于这个数。#igbox>ul>li>div{font-size:12px;font-weight:normal;font-size:cl
子蛟·2023-09-22 07:16

HTML5+CSS3+JS小实例：鼠标控制飞机的飞行方向

实例：鼠标控制飞机的飞行方向技术栈：HTML+CSS+JS效果：源码：【html】鼠标控制飞机飞行方向【css】*{margin:0;padding:0;}body{height:100vh;background
艾恩小灰灰·2023-09-21 21:52

亚稳态/异步电路/glitch(毛刺)/glitchFree clk切换的一些疑问及理解

多时钟域和异步信号处理解决方案1.1什么是亚稳态假设器件输出在电压0-VL认为数字逻辑0，VH-VDD之间认为是数字逻辑1.当器件超过规定时间内输出电压仍在VL-
cy413026·2023-09-21 04:17

vue element 菜单滚动

1、标签上加样式类名：sidear_container2、样式：.sidear_container{max-height:100vh;overflow-y:auto;&::-webkit-scrollbar
前端陈陈陈·2023-09-20 22:53

vue中实现瀑布流

种方式实现瀑布流布局1、利用css实现瀑布流/**flex布局实现*/.box{display:flex;align-items:center;flex-flow:columnwrap;height:100vh
一条大河全靠浪·2023-09-20 17:08

手机机型响应式设置2

window.screen.height：屏幕高度window.innerHeight：视口高度（去除浏览器头尾的高度）document.body.clientHeight：内容高度vh：网页视口高度的
不看一·2023-09-20 12:04

【实战】H5 页面同时适配 PC & 移动端 —— 旋转横屏

SpringBoot学习指南》03《Kotlin编程实战》一、场景一个做数据监控的单页面，页面主要内容是一个整体必须是宽屏才能正常展示，这时就不能用传统的适配方案了，需要页面旋转为横屏展示本场景中：尺寸相对单位使用vh
程序边界·2023-09-18 20:30

【css | loading】各种简单的loading特效

//code.juejin.cn/pen/7278511766991339579代码HTMLcssbody{background-color:rgba(0,0,0,0.9);min-height:95vh
好喝的西北风·2023-09-18 07:43

uni-app监听页面滚动

container{height:100vh;}.scroll-content{height:100%;}在页面或组件的方法中添加对应的滚动事件处理函数。
&ACE&·2023-09-17 02:12

HTML5+CSS3小实例：纯CSS实现彩虹倒映水面的唯美背景

实现彩虹倒映水面的唯美背景技术栈：HTML+CSS效果：源码：【html】纯CSS实现彩虹倒映水面的唯美背景【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口宽高*/height:100vh
艾恩小灰灰·2023-09-16 05:58

黑马面面布局开发

上传码云并发布部署静态网站创建目录文件夹适配方案flex布局百分比布局rem布局vw/vh布局响应式布局本次案例：flex+rem+flexible.js+LESS初始化文件引入normalize.cssless
不爱吃菜的蔡菜·2023-09-15 19:17

css 100vw、100vh出现滚动条怎么解决

要搞清楚这个问题首先要知道这两个单位（vw、vh）是什么意思。vw（vh）是相对于浏览器的视口宽度（高度）的，100vh等于浏览器的视口宽度，设置vw和vh会在视口发生变化时重新计算宽度和高度。
张太难·2023-09-15 04:08

【面试题解答】CSS实现左右布局，左边定宽，右边自适应

A：HTML:CSS:方式一：浮动布局.container{width:100%;height:100vh;background-color:beige;}.left{width:200px;float
摩西啊咸鱼·2023-09-14 10:54

移动端判断是否为ios&网页适配ios安全区

webkit-touch-callout-CSS：层叠样式表|MDN@supports(-webkit-touch-callout:none){/*iOSstyles*/height:calc(100vh
老白干·2023-09-14 09:54

CSS - media query样式不生效，被划掉

max-width:1200px){.car-list{width:300px;background-color:white;}}.car-list{width:350px;height:calc(100vh
MINO吖·2023-09-14 06:37

微信小程序 通过 pageScrollTo 滚动到界面指定位置

控制的是页面滚动你在组件里用他就失效了我们先来看一个案例wxml代码如下回到指定位置指定位置回到指定位置wxss代码如下/*component/indexText.wxss*/.ControlHeight{width:100vh
-耿瑞-·2023-09-14 02:53

微信小程序 解决 当套在scroll-view中后 wx.pageScrollTo 函数失效问题解决

scroll-into-view属性我们编写一个小案例wxml参考代码如下回到指定位置指定位置回到指定位置wxss参考代码如下/*component/indexText.wxss*/.ControlHeight{width:100vh
-耿瑞-·2023-09-14 02:53

CSS实现旋转日历

:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100vh
凉风听雪·2023-09-13 12:51

css 网页自适应方案 大屏自适应方案

画面尤其是图片出现拉伸压缩文字内容显示异常，超出范围，显示不全等画面出现空白区域自适应方案方案一：%单位作为一个css相对单位，其相对计算的对象不固定（并不是所有元素都相对于父元素宽高），会造成计算的复杂性方案二：vw/vh
海胆Sur·2023-09-13 06:36

原生Js 提取视频中的音频

提取视频中的音频将视频中的音频轨道分离出来，生成wav文件播放或下载（Vue3setup）代码实现template选择视频文件scssbutton{position:absolute;top:calc(50vh
Raccom·2023-09-12 15:04

vue工程可视化大屏 自适应问题

目录三大常用方式vw/vh方案scale方案rem+vwvh方案最新方式，调用autofit.js包：vue工程可视化大屏自适应问题可视化大屏的适配是一个老生常谈的话题了，现在其实不乏一些大佬开源的自适应插件
小湾生产队队长·2023-09-12 06:56

从 Compnent Tree 视角看 Dagger 到 Hilt 的演变

本文视频：https://www.bilibili.com/video/BV1cg4y1w7Vh/1.从Dagger的本质说起一言以蔽之，Dagger的本质就是一棵ComponentTree。
fundroid·2023-09-11 09:27

丰炜（VIGOR）PLC感受：

这两天，在线玩了一下VH-32MR（只看了基本功能），发现编程软件小巧而功能齐全，梯形图在线、信号模拟等直观、明了，一般的入门应用，应该也是不错的选择。
chengjl8·2023-09-11 08:16

css 渐变实现loading

:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100vh
给钱，谢谢！·2023-09-11 05:46

使用CSS实现滚动吸附效果

使用CSS实现滚动吸附效果*{margin:0;padding:0;}.container{/*竖向width:100%;height:100vh;overflow-y:scroll;scroll-snap-type
裴嘉靖·2023-09-10 21:38

【前端基础】垂直居中效果

以下是一个基本示例：内容居中.container{display:flex;align-items:center;/*垂直居中*/justify-content:center;/*水平居中*/height:100vh
Y_coder·2023-09-10 20:19

uniapp，解决scroll-view嵌套scroll-view，被嵌套的scroll-view无法触发下拉刷新问题

在被嵌套的scroll-view中再嵌套一层view并且设置`min-height:calc(100vh+1rpx);...
MichstaBe Stars·2023-09-10 19:04

CAPL自动化测试通信电压

通信电压1、系统框架2、控制电压模块3、检查通信是否正常4、检查电压标准5、CAPL控制VH1160的函数分三个模块控制电源模块，分析通信是否正常模块，判断电压是否符合标准。
奶茶拌火锅·2023-09-10 19:14

css面试题：px、em、rem、vw、vh的区别

pxpixel，px，表示像素，也就是显示器上一个个的小点，每个像素点都是大小一样的，所以像素被分到了绝对长长度单位中。有人把px当作相对单位，是相对于观看设备的。对于低dpi/ppi（像素密度）的设备，1px是显示器的一个设备像素（点）。对于打印机和高分辨率屏幕，1px表示多个设备像素。emem是相对长度单位，相对于当前对象内文本的字体尺寸（或者说是相对于父元素或者祖父元素文本的字体尺寸）。如果
持久的棒棒君·2023-09-09 18:28

炫酷的宇宙空间

Spaceglobe-Three.jsGoFullscreen-->body{margin:0;overflow:hidden;width:100vw;height:100vh;background-image
Shadow Shine·2023-09-09 16:06

[html]当网站搭建、维护的时候，你会放个什么界面？

margin:0;padding:0;height:100%;font-family:Arial,sans-serif;}.container{position:relative;height:100vh
tan 91·2023-09-09 07:31

杭州黑卡

1、屏幕适配及其原理rem1rem等于html根元素设定的默认font-size的px值，加入html根元素设定的font-size的px值为16px，那么1rem位16px.vw、vh视口单位中的“视口
_SweetHeart·2023-09-08 16:42

uniapp nvue页面 map地图全屏设置

**nvue页面：100vh以及百分比不可用**1，可以获取当前屏幕高度然后赋值const{windowWidth,windowHeight,appName}=uni.getSystemInfoSync
你没有名字·2023-09-08 13:07

uniapp 高度铺满全屏

,onLoad(){this.screenHeight=uni.getSystemInfoSync().windowHeight;},methods:{}}在uniapp中，高度使用heiht:100vh
linlinlove2·2023-09-08 13:33

用calc()函数使页面高度在不同分辨率下自适应

整个视口的高和宽是100vh、100vw1v
lamCCH·2023-09-08 07:50

uniapp 完美解决苹果和安卓 input 框遮挡兼容问题

效果展示解决问题HTML部分（结构很重要）{{item}}CSS部分.content{position:relative;height:100vh;overflow:hidden;}.scroll-view
shaoin_2·2023-09-08 06:45

利用qrcode.js生成二维码，并点击按钮下载二维码图片（亲测可用）

话不多说，先上代码（复制即用）：二维码body{padding:0;margin:0;width:100vw;height:100vh;}#qrCode{position:absolute;margin
一朵小浪花儿·2023-09-08 06:55

vue监听页面滚动 实现吸顶效果

有一个导航栏，需要实现锚点定位及滚动置顶效果{{item.tabName}}.tab-wrap{display:flex;justify-content:space-between;padding:2vh3vh
liminla!·2023-09-08 01:39

html + css实现点赞特效

html纯CSS实现点赞的动画效果css*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局居中*/display:flex
筱闯~·2023-09-08 01:16

Verilog——`include等预编译指令实例

Verilog与C语言包含头文件类似的预编译指令包括以下：`define`include`ifdef`elsif`else`endif需要注意`include指令后面对.vh文件的引用必须包含文件的绝对路径
Footprints明轩·2023-09-07 00:50

图片幻灯片滚动（内容滑块）效果用jquery实现

可根据自己项目实际需要进行扩展，这里demo我们是展示4个，每次滑动一个，到开头和结束，再点击按钮没有效果内容滑块、图片幻灯片滚动demobody{height:100vh;box-sizing:border-box
小二黑儿·2023-09-07 00:23

fontforge将.woff文件转换为.ttf文件，查看字体对应关系

fontforge下载阿里云盘：https://www.aliyundrive.com/s/tHBoGpYSgWh提取码:6c5m百度网盘：https://pan.baidu.com/s/1ccWkGgarq3Vh_QJ8mNbn8g
路漫漫其修远兮sjw·2023-09-06 22:17

Windows/Office 激活及KMS服务器搭建

windows-server/get-started/kmsclientkeys自行查找Windows7专业版FJ82H-XT6CR-J8D7P-XQJJ2-GPDD4Windows8专业版NG4HW-VH26C
正踪大米饭儿·2023-09-06 05:35

uni-app:实现右侧弹窗

showModal:false,//控制弹窗显示与隐藏};},methods:{closeModal(){this.showModal=false;},},};.container{height:100vh
雯0609~·2023-09-05 23:23

纳米抗体制备及验证方法

抗体的轻链包含1个VL区和1个CL区，而重链则拥有1个VH区和3个CH区(CH1、CH2和CH3)。VH区和VL区共
康体生命邓心怡·2023-09-05 20:06
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他