原生js做移动端适配
时间: 2024-02-05 08:06:13 浏览: 107
原生js可以使用适配方案来做移动端适配。一种常用的方法是使用媒体查询和rem单位来实现自适应布局。具体步骤如下:
1. 在入口文件的头部,通过script标签引入适配js文件。
2. 在适配js文件中,监听窗口的尺寸变化事件,根据当前窗口宽度来计算出html元素的字体大小,从而实现页面元素的自适应。
3. 根据设计稿的尺寸,将像素值转换为rem单位。可以通过下载相应的插件并进行设置来实现像素值自动转化为rem单位。
4. 在样式中使用rem单位来设置页面元素的尺寸。
阅读全文