jquery 设置 html标签响应式布局

最新推荐文章于 2024-07-15 10:25:50 发布

weixin_30569001

最新推荐文章于 2024-07-15 10:25:50 发布

阅读量90

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mo-cha/p/6065008.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'});
 });
}