让PC版网站在移动端原样式显示

  • 网站教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:11/13
  • 阅读:6.256k

一般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");
}

推荐教程
  • 海洋cms自定义页无法访问的解决方法
  • 海洋cms自定义页无法访问的解决方法
  • 海洋cms影片排行,最近更新等页面无法访问的解决方法海洋cms影片排行,最近更新等页面属于自定义页面,自定义页面需要生成。即使网站是以动态方式运行,也需要生成。操作步骤:网站后台-生成-生成其它-生成全部自定义页
  • 海洋cms教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:11/13
  • 阅读:5.622k
  • 让图片并排显示
  • 让图片并排显示
  • 最常用的一种方法:就是浮动,浮动之后会自动往右挤,挤不下就到第二行了。                 第一张图片 
  • 网站教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:11/13
  • 阅读:3.156k
  • 苹果CMSv10最全系统标签,模板标签仿站必备
  • 苹果CMSv10最全系统标签,模板标签仿站必备
  • ==模板结构=│─template/1/模板1│├─info.ini模板信息文件│├─ads广告文件目录│├─jsjs文件│├─csscss文件│├─images图片文件│└─html模板文件目录│└─art文章模块模板目录│└─comment评论模块模板目录
  • 苹果cmsv10教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:11/13
  • 阅读:19.78k
  • 模板推荐
买家指南 | 隐私条款 | 免责声明 | 联系我们 | 网站地图
CopyRight © 2026 烨模网www.yemowang.com 版权所有 | 所有模板仅供学习交流,请勿用于违法或商业用途