企业网站教程
苹果v8模板 苹果v10模板 X站模板 影视采集
让PC版网站在移动端原样式显示
来源:m1938     阅读:5688

一般PC网站在移动端显示效果往往和PC版原样式不同,为了在移动端下还原原PC站样式,可以采用以下方式解决:

1) 去掉页头的: <meta name="viewport" content="width=device-width, initial-scale=1"/> 这样的代码

2)引用jquery.js ,加入以下脚本:

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // 判断当前访客是否是移动端
    var bl = '';
    bl = $(window).width() / 1200; // 假设你的PC版设计尺寸是1200像素,如果你是1920像素下设计的,请改成1920
    $("body").css("zoom", bl)
                   .css('-moz-transform', 'scale(' + bl + ')')
                   .css('-moz-transform-origin:', "top left");

    $("body").css("zoom", $(window).width() / 1200) // 同比例更改
                   .css('-moz-transform', 'scale(' + bl + ')')
                   .css('-moz-transform-origin:', "top left");
}

企业网站教程
相关推荐
mac7留言版的标签
登录不了后台显示这个Active Server Pages 错误 ‘ASP 0126
安装苹果cmsv10时提示不支持fileinfo解决方法
mac7.1 版本如何在模版中加入QQ登录按钮
海洋cms怎么设置首页幻灯图片

首页

消息

购物车

我的