建设网站行业云,简述seo对各类网站的作用,wordpress无法发表文章,同城新闻app有哪些参考链接#xff1a;抖音-移动端适配
一、移动端布局 flexiblepostcss-pxtorem vue-h5-template 老版本#xff1a;动态去计算scale#xff0c;并不影响rem的计算#xff0c;好处是解决了1px的问题#xff0c;但是第三方库一般都用dpr为1去做的#xff0c;这就导致地图或…参考链接抖音-移动端适配
一、移动端布局 flexiblepostcss-pxtorem vue-h5-template 老版本动态去计算scale并不影响rem的计算好处是解决了1px的问题但是第三方库一般都用dpr为1去做的这就导致地图或者图标变小另外老版本对android不支持高清方案是个缺陷。新版本新版本2.0里面则去掉了动态计算scale的方式改为检测是否支持0.5px的特性通过添加类名hairlines来向下兼容。 body的font-size大小和dpr有关系dpr1则为12px, dpr2则为24pxdpr3为36px。 flexible的变化参考链接 hotcss.js hotcss移动端布局 demo示例viewportpostcss-px-to-viewport 适配方案 vue-h5-template媒体查询media
二、1px问题解决
主要是因为设计图的1px和我们实际效果出来的不一致dpr为2的屏幕1px里其实渲染了2个物理像素导致会很粗我们只需要它渲染1个物理像素也就是0.5px。
border-imagebackground-imagetransform:scale(0.5) 推荐svg设置viewport
