![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
恩婧
不以物喜,不以己悲
展开
-
移动端布局单位 vw+rem、rem+js、vw
根据CSS3规范,视口单位主要包括以下4个: vw : 1vw 等于视口宽度的1% vh : 1vh 等于视口高度的1% vmin : 选取 vw 和 vh 中最小的那个 vmax : 选取 vw 和 vh 中最大的那个 用视口单位度量,视口宽度为100vw,高度为100vh(左侧为竖屏情况,右侧为横屏情况) 例如,在桌面端浏览器视口尺寸为650px,那么 1vw = 650 * 1% = 6....原创 2019-09-27 09:55:23 · 970 阅读 · 0 评论 -
移动端bug
1、出现横向滚动条; 移动端页面通常宽度为100%;如果此时再给页面的某一部分添加padding 值就会导致横向滚动条的出现; 解决: calc() 此CSS函数让你在声明CSS属性值时执行一些计算 语法: width: calc(100% - 80px); // ±×÷运算符都可使用 减去加的padding值即可; ...原创 2019-09-28 13:18:42 · 138 阅读 · 0 评论