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

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

一般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搭建教程安模板出现模版文件读取失败!解决方法
  • 一:请确认你的当前使用的模板目录中是否存在以下三个文件:index.html,head.html,foot.html(必须)!!二:请检查你的后台-数据-分类管理-中是否自定义了其他模板文件。如果自定义了模板文件,并且你当前使用的模板目录中不存在自定
  • 海洋cms教程
  • 编辑:烨模网
  • 时间:11/13
  • 阅读:14468
  • 苹果cmsv10的程序模板安装使用常见问题
  • 苹果cmsv10的程序模板安装使用常见问题
  • A.安装苹果cmsv10时提示不支持fileinfo解决方法1.打开宝塔面板找到-软件管理一项2.选择你安装的PHP版本,打开设置我用的是7.2版本你要看下自己的php版本3.选择安装扩展,将缺少的插件安装一下就可以了 安装经常遇到的常见问题,可以进入这里查看https://www.yemowang.com/maccms/question.htmlB.把模板上传之后,提示找不到模板。首先你要检查你的模板是否上传路径正确。把你购买
  • 苹果cmsv10教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:11/13
  • 阅读:14514
  • 苹果cmsV10网站分类SEO优化静态设置教程
  • 苹果cmsV10网站分类SEO优化静态设置教程
  • 第1步首先在自己后台基础管理的地方,把自己网站的分类名称所有的分类先设置好。  2二部按照下面的图片进入url地址配置。按照的标志,把视频分为视频详情。视频播放一下自己静态。             3下面的图片一样,按照静态路径设置。分类视频详情视频播放。前面加的这个字母,比如news
  • 苹果cmsv10教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:11/13
  • 阅读:6505
  • 模板推荐
买家指南 | 隐私条款 | 免责声明 | 联系我们 | 网站地图
CopyRight © 2026 烨模网yemowang.com 版权所有 | 所有模板仅供学习交流,请勿用于违法或商业用途