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标签响应式布局的主要内容,如果未能解决你的问题,请参考以下文章