...
转载
2021-08-20 17:00:00
191阅读
2评论
vh就是当前屏幕可见高度的1%，也就是说height:100vh ==height:100%;但是有个好
原创
2022-05-30 12:13:40
143阅读
calc()使用通用的数学运算规则，但是也提供更智能的功能： >使用“+”、“-”、“*” 和 “/”四则运算； >可以使用百分比、px、em、rem等单位； >可以混合使用各种单位进行计算； >表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5em)"这种没有空
转载
2020-07-03 09:46:00
304阅读
2评论
1.em在做手机端的时候经常会用到的做字体的尺寸单位说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放，参照后面的例子。2.rem这里的r就是root的意思，意思是相对于根节点来进行缩放，当有嵌套关系的时候，嵌套关系的元素的字体大小始终按照根节点的字体大小进行缩放。参照后面给的demo3.vhvh就是当前屏幕可见高度的1%，
转载
2021-08-13 11:36:06
153阅读
目录1. 起因2. 原因2.1 视口高度计算方式3. 解决方案3.1 使用 -webkit-fill-available3.2 动态计算视口高度3.3 使用dvh4. 相关参考 1. 起因当我使用vue3开发一个全屏页面时，我选择了CSS的height: 100vh来确保页面能够撑满整个视口。在浏览器的手机模拟器上进行测试时，一切看起来都很正常。然而，当我在手机Safari浏览器上打开页面时，却
考虑到未来响应式设计的开发，如果你需要，浏览器的高度也可以基于百分比值调整。但使用基于百分比值并不总是相对于浏览器窗口的大小定义的最佳方式，比如字体大小不会随着你窗口改变而改变，如今css3引入的新单位明确解决这一问题。 View Demo css3引入的”vw”和”vh”基于宽度/高度相对于窗口大
转载
2017-04-29 21:39:00
391阅读
2评论
# 在iOS中隐藏滑动条的最佳实践
在前端开发中，特别是针对移动端的应用，用户体验是至关重要的。而在iOS设备上，由于其独特的操作系统和界面设计，处理滑动条（也称为滚动条）的显示与隐藏变得尤为重要。在本篇文章中，我们将深入探讨如何在iOS中隐藏滑动条，并提供相应的代码示例和状态图，以确保读者能够理解并运用这些技巧。
## 什么是滑动条？
滑动条通常用于在长内容中进行快速浏览，当内容超过视口时
# 实现jquery中大屏vh vw
## 1. 简介
在前端开发中，我们经常会遇到需要根据屏幕大小来调整元素的大小或布局的需求。而Viewport单位（vh和vw）正是解决这个问题的良好选择。在本文中，我将向你介绍如何在jquery中使用vh和vw来实现大屏适配。
## 2. 实现步骤
以下是实现"jquery中大屏vh vw"的步骤概况：
| 步骤 | 描述 |
| --- | ---
原创
2024-01-09 06:21:13
331阅读
vh确实是相对于屏幕的，但默认body有一个margin，100%加上这个margin就超出了。清除body的margin即可。 body { margin: 0; } ...
转载
2021-09-21 17:05:00
5178阅读
2评论
文章目录一、iframe是什么？二、iframe的优缺点？1.优点：2.缺点：为什么尽量少使用iframe?原因：三、iframe的一些应用场景？ 提示：以下是本篇文章正文内容一、iframe是什么？iframe是嵌入式框架，是HTML框架，还是一个内联元素，iframe元素会创建包含另一个文档的内联框架（行内框架），说白了就是，iframe用来在页面嵌入其他的页面。 通常我们使用iframe直
转载
2024-04-26 17:47:13
29阅读
在做数据可视化大屏展示页面时，前端开发人员最大的愿望就是通过一种方案，能够适应所有屏幕的分辨率尺寸，作为在职场摸爬滚打前进的前端开发人员我们也都在努力的学习着。这里介绍的使用插件的方式来实现的：==》postcss-pxtorem利用 npm 来安装：npm install -S postcss-pxtorem1. 配置rem.js文件rem.js可以放在src文件夹下，我是放在src下的util
转载
2024-04-25 13:13:54
134阅读
em 相对 父元素 的长度单位 ????em的值并不是固定的 ????em会继承父级元素的字体大小 rem 只相对于 根元素 的长度单位 视区 浏览器内部的可视区域大小 vw 和 vh 根据CSS3规范，视口单位主要包括以下4个： ????vw：1vw等于视口宽度的1% ????vh：1vh等于视口高度的1% ???? ...
转载
2021-09-23 16:18:00
566阅读
2评论
iOS开发者对引用计数这个名词肯定不陌生,引用计数是苹果为了方便开发者管理内存而引入的一个概念,当引用计数为0时，对象就会被释放。但是，真的是所有对象都是这样吗？内存分配iOS将虚拟内存按照地址由低到高划分为如下五个区：在程序运行时，代码区，常量区以及全局静态区的大小是固定的，会变化的只有栈和堆的大小。而栈的内存是有操作系统自动释放的，我们平常说所的iOS内存引用计数，其实是就堆上的对象来说的。如
转载
2024-06-05 11:34:08
90阅读
前端尺寸：vw vh rem emvw和vhvw（Viewport Width）、vh(Viewport Height)是基于视图窗口的单位，是css3的一部分，基于视图幕分
原创
2022-11-17 00:17:48
93阅读
11111111111111111
原创
2022-12-21 10:14:56
78阅读
const originalHeight = document.documentElement.clientHeight || document.body.clientHeight; let vh = originalHeight * 0.01; document.documentElement.s ...
转载
2021-07-30 10:14:00
463阅读
2评论
前言：LED屏幕在生活中，随处可见，显示屏、广播屏等等，但是LED尺寸怎么计算的，你知道吗？今天我们一起了解一下LED屏幕尺寸的计算方法。一、点间距的计算1、各单元板常见型号及尺寸LED屏普遍是用单元板做的。LED单元板常见型号及尺寸（mm）对应如下： 不同的牌子可能会存稍微的差异。2、那么它是如何计算出来的呢？这里面就以p10与p16来举例，因为他们最常见。PH16单个单元板尺寸以P
转载
2024-10-11 07:15:53
59阅读
科普下： 平时很少用的css单位: 1.长度单位： re
原创
2022-09-09 07:57:15
165阅读
PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本
rem 我们首先介绍下和我们熟悉的很相似的货。em 被定义为相对于当前对象内文本的字体大小。如果你给body小哥设置了font-size字体大小， 那么body小哥的任何子元素的1em就是等于body设置的font-size。 你看，这里div的字体大小是1.2em。解释来说，就是他从body那里继
转载
2021-08-20 14:22:25
232阅读
