码迷,mamicode.com
首页 > 移动开发 > 详细

移动端适配

时间:2018-03-29 19:10:17      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:字体大小   设置   尺寸   nts   设计图   html   设计   log   字体   

使用rem进行换算,根据移动端屏幕大小的变化,来动态的设置根元素的字体大小,rem就是根据根元素html的字体大小渲染的,
如果是375px的设计图,那么就将元素的尺寸px乘以2,在除以100就是该元素的rem值了
function mobileMatvhing(){
var html = document.getElementById(‘html‘);
var phoneWidth = document.documentElement.clientWidth;
html.style.fontSize = phoneWidth*100/750 + ‘px‘
}

移动端适配

标签:字体大小   设置   尺寸   nts   设计图   html   设计   log   字体   

原文地址:https://www.cnblogs.com/gopark/p/8671250.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!