首页 > TAG信息列表 > 100vw
uni中滚动overflow-y: scroll写法问题
H5页面竖向滚动，这样写没问题 style="height: 20vh;width: 100vw;overflow-y: scroll;" 但小程序会出错，同意用 <scroll-view scroll-y="true" style="max-height: 90vh;"> 包裹滚动的内容 </scroll-view>height:100vh,width:100vw
1.em 在做手机端的时候经常会用到的做字体的尺寸单位 说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5 但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放，参照后面的例子。 2.rem 这里的r就是root移动端布局
*网页中常用的单位有哪些* - px 像素 - em 相对单位 - pt 磅 硬件设备 - % 宽高自适应 - deg 移动端重要的单位: rem 相对于根元素html的font-size的大小进行计算的 移动端布局的思路 - 每一个移动端的尺寸大小都是不一样的 html的宽高大小也是不一样的 - 由于px是一写移动端自适应屏幕的方法
前端移动端开发的时候肯定是会面对不同型号的手机的页面展示问题的，今天给大家推出另外一种自适应不同移动端的方法，使用vw，vh单位。 vw和vh单位的大小是多少？ vw和vh是根据设备的宽度和高度来决定的，设备的宽就是100vw，设备的高就是100vh， 你设置的50vw就是相当于设备宽度的50%，你设置移动端布局
准备工作：设置meta标签； <meta name="format-dtection" content="telephone=no"/> 视口的设置： utf-8 国际编码 charest 编码 viewport 适口 ，所能看到的范围， width=device-width 宽度等于屏幕宽度； initial-scale：缩放比例1 minimun-scale:最小比例； maximun-scale:最大比例； user-scal一种常见的整体布局
一种常见整体布局 布局如下： <div class="console"> <Top /> <div class="main"> <Left style="border-right: 1px solid #eee"/> <router-view class="router-view" /> </div> <YDOOK: CSS3: div 长宽充满整个屏幕窗口
YDOOK: CSS3: div 长宽充满整个屏幕窗口 © YDOOK JYLin 1. 方法1： .divclass{ position : absolute; width: 100%; height: 100%; background: rgb(0, 181, 194); } 2. 方法2：100vw + 100vh .divclass{ width: 100vw; height: 100vh; background: rgb(0, 1