jquery 设置 html标签响应式布局

Posted 薄冰

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 设置 html标签响应式布局相关的知识,希望对你有一定的参考价值。

function sWidth() {//计算当前设备宽度
var widthSize;
if ($(window).width() <= 640) {
widthSize = $(window).width()
}
if ($(window).width() > 640) {
widthSize = 640
}
$(html).css({‘font-size‘: widthSize, ‘width‘: widthSize, ‘margin‘: ‘0 auto‘});
$(window).resize(function () {//当浏览器窗口发生改变时,再一次调整界面布局:参考单位(rem)
if ($(window).width() <= 640) {
widthSize = $(window).width()
}
if ($(window).width() > 640) {
widthSize = 640
}
$(‘html‘).css({‘font-size‘: widthSize, ‘width‘: widthSize, ‘margin‘: ‘0 auto‘});
});
}


















以上是关于jquery 设置 html标签响应式布局的主要内容,如果未能解决你的问题,请参考以下文章

响应式布局

响应式布局的应用

使用css或jquery的响应式宽度和高度布局[关闭]

三步实现响应式网页布局

响应式布局

论:响应式布局之css3媒体查询器