页面加载自动生成meta标签,做屏幕自适应功能
2017-09-22 17:43
316 查看
/** * * viewport scale根据设备像素比自动生成 * Html根元素font-size根据设备像素比自动生成 * by MC */ (document.DOMContentLoaded = function () { var meta = document.createElement("meta"), scale = 1.0 / window.devicePixelRatio; meta.name = "viewport"; meta.content = "target-densitydpi=device-dpi,width=device-width,minimum-scale=" + scale + ",maximum-scale=" + scale + ",initial-scale=" + scale + ",user-scalable=no"; document.head.appendChild(meta); document.documentElement.setAttribute("style", "font-size:" + 16 * window.devicePixelRatio + "px"); })();
相关文章推荐
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
- 手机端HTML网页生成 meta标签针对苹果手机页面设计问题
- 手机自适应页面的meta标签
- jekyll-tagging, osm插件自动生成标签云和标签页面
- AngularJS:实现页面滚动到底自动加载数据的功能
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中
- 使用scrollpagination实现页面底端自动加载无需翻页功能
- js实现滑动到页面底部自动加载更多功能
- Webview让加载进来的页面自适应手机屏幕分辨率居中显示
- Javascript动态生成表格,并添加按钮,页面加载自动实现
- 基于AngularJS实现页面滚动到底自动加载数据的功能
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
- html页面中meta标签的功能
- 使用该JavaBean可以将数据在JSP页面中以表格的形式显示出来,并具有动态排序、动态生成查询、自动分页功能
- AngularJS:实现页面滚动到底自动加载数据的功能
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
- 页面自适应<meta name="viewport">标签设置
- 使用scrollpagination实现页面底端自动加载无需翻页功能