html适应各个手机端页面的js

1.首先定义一个换算函数

function getRem(pwidth, prem) {var html = document.getElementsByTagName("html")[0];var oWidth = document.body.clientWidth || document.documentElement.clientWidth;html.style.fontSize = oWidth / pwidth * prem + "px";
}

2.页面加载之前调用函数，并定义换算单位（我定义的是100）

window.ready(function () {getRem(750, 100);
});

3.开始写css

列如一个class为one的盒子长2327px，宽750px

<div class="one"></div>

可以这样写

.one {height: 23.27rem;width:7.5rem;
}

html适应各个手机端页面的js相关推荐

javascript笔记——点击按钮（或超链接）如何跳转到另外一个页面并执行目标页面的js函数...
页面跳转同时执行js代码$(function(){});url参数传递标题的前半部分其实不必赘述,按钮也可以换成超链接.. 假设是需要在A页面上的一个按钮,点击后跳转到B页面,传一些参数后且并B页面 ...
NET中winform与webform互相通讯实例,CS调用BS页面的JS函数---转载
原创:.NET中winform与webform互相通讯实例,CS调用BS页面的JS函数时间:2009-12-11 21:09:32 来源:原创作者:dodo - - 现在C#越来越多朋友使用了,大 ...
篡改页面的Js代码，从而达到为所欲为的目的
原文地址:篡改页面的Js代码,从而达到为所欲为的目的 | 山岚 - 90码农历险记 - https://blog.gobyte.cn/post/32b605b3.html 缘由不少网站都是通过Jav ...
php跳转wap代码,JavaScript_wap浏览自动跳转到wap页面的js代码，如何让用户输入wap手机网站的 - phpStudy...
wap浏览自动跳转到wap页面的js代码如何让用户输入wap手机网站的网址时自动跳转到wap网站 ? wap页面自动跳转的实现方式 ? 如何判断访客是否是移动设备访问,自动跳转到wap页面 ? 手机 ...
web页面的js中检测浏览器是否加载flash插件，用来确保视频播放器和flash上传的正常运行
web页面的js中检测浏览器是否加载flash插件,用来确保视频播放器和flash上传的正常运行 <script type="text/javascript" languag ...
子页面调用父页面的js方法或参数（iframe.contentWindow）
子页面调用父页面的js方法或参数子页面调用父页面的参数父页面调用子页面的参数或方法相关链接子页面调用父页面的参数 window.parent.aa();//调取aa函数 window.pare ...
3d全景手机端导航菜单js特效
下载地址使用 three 和webAPP全屏模式制作手机端全景菜单,点击弹窗详情内容效果.支持360度旋转拖拽展示,点击菜单弹出文本内容.这是一款酷炫科技感的手机全景菜单展示特效. dd:
java中刷新页面的js,[Java教程]js页面刷新之实现框架内外刷新（整体、局部）
[Java教程]js页面刷新之实现框架内外刷新(整体.局部) 0 2016-10-12 12:00:56 这次总结的是框架刷新: 框架内外的按钮均可以定义网页重定向, 框架内部页面的按钮可以实现局部刷 ...
apk解密工具_手机端操作| Auto.js一键解密/一键加密工具免费分享
? 关注『掌玩小子』带你『体验极客』 1 在之前的博文中,我前后分享了Auto.js相关的加密解密的文档,如<Auto.js Pro离线打包源代码加密算法分析><来给你代码!A ...

html适应各个手机端页面的js

html适应各个手机端页面的js相关推荐

最新文章

热门文章