html移动端页面、图片多少宽度最合适？
时间：2024-02-14 22:15:02 | 来源：网站运营
时间：2024-02-14 22:15:02 来源：网站运营
html移动端页面、图片多少宽度最合适？：我用的一个傻办法，rem
首先，只需要要求美术按照6plus的分辨率来设计和出图。
然后页面HTML元素设置font-size：100px，接着页面里任何需要设置尺寸的，都使用rem,因为我设定了font-size为100px，所以尺寸可以很容易的转换,比如10px=.1rem
html{font-size:100px;}
×{font-size:.14rem}
接着,页面启动需要一个js语句,用以获得当前屏幕分辨率跟设计稿分辨率的比例,乘以100,去设置html的font-size,这样页面所有实用rem的元素都将获得对应的尺寸.
设计稿如果以640为宽度
var scale = $('body').width() / 640;
$('html').css('font-size', 100 * scale + 'px');
页面启动执行一下就可以了,也可以在onsize事件里添加一份,这样页面发生变化,也会自动适应.
在线咨询
