码迷,mamicode.com
首页 >  
搜索关键字:vw    ( 200个结果
用CSS3 vh 简单实现DIV全屏居中
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
less vw 自适应
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单位
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 的 exclude 配置无效
原来是由于版本太低的缘故: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服务上》
如何将windows上的软件包或文件上传到linux服务上,下一句就是如何让将linux的文件下载到win上。哈哈 方法不止这一种,有超多的方法,要是虚拟机,它自带的有share这个选项,你可以点击vw——set——potion——share 还有以前记得有个软件,打开以后可以直接打开win和lin ...
分类:Windows程序   时间:2019-05-15 16:37:01    阅读次数:181
vue项目中使用了vw适配方案,引入第三方ui框架mint-ui时,适配问题解决
问题分析: 一般第三方ui框架用的都是不同的适配方式,如果我们使用了vw适配,那么在使用mint ui框架时,就会发现px单位会被转换成vw,从而导致样式变小的问题,如图 解决方案 网上看到了很多种解决方案,这里推荐第四种 1、重写第三方组件ui样式大小 2、在postcss.config.js中的 ...
分类:其他好文   时间:2019-05-01 16:06:40    阅读次数:402
V2019 Super DSP3 Odometer Correction Vehicle List
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
vh搭配vw进行响应式布局
1.浏览器兼容性: IE8-不支持,IOS7.1-不支持,android4.3-不支持 2. vh代表浏览器视口高度(100vh等于当前浏览器的整个高度) 3.vw代表浏览器视口的宽度 (100vw等于当前浏览器的整个宽度) 4.配合浏览器宽度达到不同的字体大小 ...
分类:其他好文   时间:2019-04-02 11:04:50    阅读次数:481
200条   上一页 1 ... 4 5 6 7 8 ... 20 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!