vh、vw、vmin、vmax介绍 vw:视窗宽度的百分比(1vw 代表视窗的宽度为 1%)vh:视窗高度的百分比vmin:当前 vw 和 vh 中较小的一个值vmax:当前 vw 和 vh 中较大的一个值 浏览器兼容性 (1)桌面 PC Chrome:自 26 版起就完美支持(2013年2月)Fi ...
分类:
Web程序 时间:
2019-06-16 12:05:10
阅读次数:
134
vw视口宽度,由于本事就是跟随屏幕变化的,所以更具有灵活性,不用js获取窗口来动态设置窗口宽度,现在用的比较少,公司目前不让用,先记录,也许以后用得到。//配合less不用自己换算,设计稿750px//定义变量vw=7.5vw//假设元素400px宽度,换算成vw即为400/@vw@vw:7.5vw;.container{padding:51/@vw43/@vw23/@vw45/@vw;.fist
分类:
其他好文 时间:
2019-06-03 15:53:07
阅读次数:
1009
布局方案: 方案一:100%布局(高度固定,宽度自适应)(流式布局) 1、控件弹性 2、图片等比例 3、文字流式 特点:手机越大,显示内容越多 方案二:REM布局(等比缩放布局,整个页面等比例缩放) vw、vh单位:1vw、vh等于当前屏幕宽度、高度(逻辑宽度,window.innerWidth)的 ...
分类:
移动开发 时间:
2019-06-03 12:48:15
阅读次数:
119
css常见单位 em : 相对于父元素的字体大小,若父元素fon-size为16px,那么1em就为16px rem: 相对于根元素字体大小,若根元素font-size为16px,那么1em就为16px vw : 相对于视窗的宽度:视窗宽度是100vw vh : 相对于视窗的高度:视窗高度是100v ...
分类:
Web程序 时间:
2019-05-25 17:00:32
阅读次数:
146
1、页面布局: 由于手机型号多样导致页面高宽比非常多,在制作上会有出现不同手机在同一套css下面显示效果不尽如人意,所以需要进行兼容性处理。 方式很多比如直接套用类似bootstrap类的框架,可以使用rem等相对单位。这里我主要使用的是媒体查询和vw和vh单位和百分比来进行处理。 100vw为整个 ...
分类:
移动开发 时间:
2019-05-21 13:15:12
阅读次数:
154
原来是由于版本太低的缘故:postcss-px-to-viewport 0.0.3版本不支持 exclude属性。更新到 1.1.0配置: // 路径中包含 PC ,则忽略 px转换为vw,vh,vmax,vmin exclude: /(\/|\\)(PC)(\/|\\)/, ...
分类:
Web程序 时间:
2019-05-20 17:24:55
阅读次数:
1144
如何将windows上的软件包或文件上传到linux服务上,下一句就是如何让将linux的文件下载到win上。哈哈 方法不止这一种,有超多的方法,要是虚拟机,它自带的有share这个选项,你可以点击vw——set——potion——share 还有以前记得有个软件,打开以后可以直接打开win和lin ...
问题分析: 一般第三方ui框架用的都是不同的适配方式,如果我们使用了vw适配,那么在使用mint ui框架时,就会发现px单位会被转换成vw,从而导致样式变小的问题,如图 解决方案 网上看到了很多种解决方案,这里推荐第四种 1、重写第三方组件ui样式大小 2、在postcss.config.js中的 ...
分类:
其他好文 时间:
2019-05-01 16:06:40
阅读次数:
402
Comparing v2017 Super DSP3 mileage programmer, the newest V2019 Super DSP III adds newer vehicles, including Audi/VW/Skoda/SEAT MQB platform and Benz/ ...
分类:
其他好文 时间:
2019-04-08 16:04:38
阅读次数:
233
1.浏览器兼容性: IE8-不支持,IOS7.1-不支持,android4.3-不支持 2. vh代表浏览器视口高度(100vh等于当前浏览器的整个高度) 3.vw代表浏览器视口的宽度 (100vw等于当前浏览器的整个宽度) 4.配合浏览器宽度达到不同的字体大小 ...
分类:
其他好文 时间:
2019-04-02 11:04:50
阅读次数:
481