移动端开发
LenZhou98
前端开发
展开
-
在Vue中使用postcss-pxtorem和postcss-px-to-viewport 转换rem vm
1.安装插件npm i postcss-pxtorem@5.1.1 -Dnpm i postcss-px-to-viewport -D2.在vue文件根目录新建postcss.config.js3.写入以下内容module.exports={ "plugins":{ /*优先使用rem,如果想使用vm,注释掉postcss-pxtorem*/ "postcss-pxtorem":{ rootValue: 37.5,//根元素大小原创 2021-05-10 16:41:53 · 798 阅读 · 0 评论 -
PC端页面初始化CSS
参考initialize和reset更改,不兼容ie10代码如下//解决横屏字体放大html{ -webkit-text-size-adjust: 100%;}//IE显示main标签main { display: block;}//在火狐中正确显示hr Edge和IE中显示溢出hr { box-sizing: content-box; height: 0; overflow: visible;}//标准字体粗细和大小b,strong{ font-weigh原创 2021-05-08 22:13:24 · 231 阅读 · 0 评论 -
移动端页面布局几种方式
1.B站适配采用vw单位将页面分为100份 设置font-size:3.73333vw(14px)边框用px 其他使用vw vh换算2.淘宝 腾讯新闻 微博采用rem 在html上设置font-size:37.5px(10份)或者3.75px(100份)body设置固定font-size:3.7333rem(14px)body上设置min-width:.320px;max-width:1080px控制页面范围...原创 2021-05-08 22:06:18 · 568 阅读 · 0 评论