移动端页面自适应代码
来源:互联网 发布:公章制作软件 编辑:程序博客网 时间:2024/06/07 10:01
当有引用jQ或者Zepto版本库时候:
(function(){(window).resize(infinite); function infinite() { var htmlWidth = (‘html’).width(); if (htmlWidth >= 640) {(“html”).css({ “font-size” : “40px” }); } else { $(“html”).css({ “font-size” : 40 / 640 * htmlWidth + “px” }); } }infinite(); });当不需要其他脚本时候,不需要页面引用版本库时,可以如下:
window.onload=function(){ window.onresize=function(){ infinite() } function infinite() { var html = document.getElementById(‘html’); var htmlWidth = document.body.clientWidth; if (htmlWidth >= 750) { html.style.fontSize=”40px” } else { html.style.fontSize = 40 / 750 * htmlWidth + “px”; } }infinite(); }
阅读全文
0 0
- 移动端页面自适应代码
- 移动端页面自适应代码
- 移动端页面自适应
- 移动端页面宽度自适应
- 移动端页面自适应大小
- 移动端web页面自适应和rem
- h5页面基础:自适应移动端
- 移动端页面自适应解决方案 rem布局
- H5移动页面自适应
- 移动页面自适应手机屏幕宽度
- 移动页面自适应手机屏幕宽度
- 移动页面自适应手机屏幕宽度
- 移动页面自适应手机屏幕宽度
- 移动页面自适应手机屏幕宽度
- 移动页面自适应手机屏幕宽度
- 移动页面自适应手机屏幕宽度
- 移动页面自适应手机屏幕宽度
- 移动页面自适应手机屏幕宽度
- Mac环境下svn的使用
- 最小生成树模板题 HDU1233 还是畅通工程
- dedecms 5.7 list按weight权重排序/支持按权重排序
- Python Selenium 启动新版本Firefox失败问题解决方案
- Ubuntu apache2 + mod_wsgi 部署总结
- 移动端页面自适应代码
- android studio 找不到svn.exe的处理办法
- 【C】CDECL 源代码
- elasticsearch 版本区别
- 使用AsycHttpClient请求Tomcat的新闻客户端的实现
- DWA局部路径规划
- pandas 中 DataFrame
- string path=request.getScheme() + "://" + request.getServerName()+ ":" + request.getServerPort();
- 无线技术分类与应用场景