let $html=document.documentElement,
windowW = window.innerWidth,
ratio = windowW / 750
if (windowW > 750) {
$html.style.fontSize='100px'
} else {
$html.style.fontSize=100 * ratio + "px"
} 常规的移动端ui出图都是以iphone6的尺寸来设计,上面设置好根字体后直接就可以拿设计稿上的尺寸用了。
比如:25px就写0.25rem即可,不同尺寸的移动设备就会自动匹配啦!
相关文章
- 09-13使用css鼠标移动到图片放大效果
- 09-13pc端和移动端抓包工具
- 09-13移动端开发——前端开发入门
- 09-13移动端(视口(meta),像素比,常见屏幕尺寸)
- 09-13移动端单位相关概念
- 09-13浅谈移动端中的视口(viewport)
- 09-13vue移动端自适应插件postcss-px-to-viewport
- 09-13移动端布局方案,简单高效,完美适配各种机型
- 09-13你必须要知道的移动端开发知识
- 09-13HTML5教程之移动端Web页面布局