html5中使用hotcss.js实现手机端自适配

最新推荐文章于 2024-05-31 10:26:40 发布

置顶

前端开发工程师在深圳

最新推荐文章于 2024-05-31 10:26:40 发布

阅读量469

点赞数 1

分类专栏： hotcss.js适应移动框架文章标签： javascript html css

本文链接：https://blog.csdn.net/xcj_20160810/article/details/105677829

版权

Html5页面在手机端做自适配是很常见的技术需求，下面介绍下在html页面使用hotcss

1.新建一个项目文件夹，目录结构如下图:

src	//主要文件在这里
├── hotcss.js
├── px2rem.less
├── px2rem.scss
└── px2rem.styl

2.hotcss.js 文件可以下载官方的,也可以在大神GitHub（https://github.com/Grace110/hotcss）上下载整个demo

注意：

hotcss.js必须在其他JS加载前加载，万不可异步加载。

如果可以，你应将hotcss.js的内容以内嵌的方式写到<head>标签里面进行加载，并且保证在其他js文件之前。

为了避免不必要的bug，请将CSS放到该JS之前加载。

hotcss.js也可以直接复制到<head>标签里面

<script>(function(window,document){var hotcss={};(function(){var viewportEl=document.querySelector('meta[name="viewport"]'),hotcssEl=docu

关注