实现自适应页面的方法,适合APP开发
来源:互联网 发布:淘宝基础版全屏店招 编辑:程序博客网 时间:2024/06/04 18:13
实现自适应设置jq方法:(要引用jq)
var width=$(window).width()
var size=width/10
size = size +"px"
$("html").css("font-size",size)
$(window).resize(function() {
var width=$(window).width()
var size=width/10
size = size +"px"
$("html").css("font-size",size)
});
js方法:
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 64 * (clientWidth / 640) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
var width=$(window).width()
var size=width/10
size = size +"px"
$("html").css("font-size",size)
$(window).resize(function() {
var width=$(window).width()
var size=width/10
size = size +"px"
$("html").css("font-size",size)
});
js方法:
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 64 * (clientWidth / 640) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
这里算出来的单位是1rem=75px;
1 0
- 实现自适应页面的方法,适合APP开发
- 报表移动端app如何实现页面自适应?
- 适合APP的开发模式——敏捷开发
- 使用jqMobi开发app基础:登录页面的实现
- 使用jqMobi开发app基础:注销页面的实现
- delphi实现自适应的方法
- 页面自适应设备分辨率的一种方法
- DIV自适应页面宽度的实现
- 实现类似百度页面的自适应
- 页面中最常用的弹框。自适应。适合移动端。
- 页面自适应方法
- 十个最适合 Web 和 APP 开发的 NodeJS 框架
- 十个最适合 Web 和 APP 开发的 NodeJS 框架
- js实现页面自适应
- 混合app开发:自己实现的页面历史记录管理模块,解决页面"回退难"的问题
- UIWebView自适应高度,适合一个页面多个WebView
- 窗体大小自适应分辨率的实现方法
- QT下实现分辨率自适应的方法
- 虚拟私有云:内部部署计算的替代解决方案
- 使用mysqlbinlog工具进行基于位置或时间点的数据恢复
- 实践---spring mvc框架搭建
- 微信小程序分享功能
- 计划
- 实现自适应页面的方法,适合APP开发
- git本地创建分支
- 禅道、BugFree测试环境部署
- Learning——Link
- OC 重点block-------4-------block案例1
- 机器学习笔记(五)模型评估方法
- Jmeter搭建
- mysql主从复制原理和注意事项
- bootstrap入门上手