一段代码把PC端页面适配手机端

在PC端的代码中加入这段代码，及实现手机端页面的自适应，是个人目前觉得最好用的方法！
<script type="text/javascript">
       $(function(){
           resizewin();
           window.οnresize=function(){resizewin()};
           function resizewin() {
               let designSize = 1920; // 设计图尺寸
               let html = document.documentElement;
               let wW = html.clientWidth;// 窗口宽度
               let rem = wW * 100 / designSize;
               document.getElementsByTagName("html")[0].style.fontSize = rem + 'px';
           }

$("#tkgb").click(function () {
   $('#tanchu').hide();
   });
   $(".tcbtn").click(function(){
       $("#tanchu").show();
   })

if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
           $(".footer").css({"padding-bottom": "145px"});
           }

       });
   </script>

一段代码把PC端页面适配手机端相关推荐

关于MultiActionController异步请求Ajax,pc端正常，手机端报error错误；此问题一般是通过setInterval，seTimeout，做Ajax轮询时会产生此问题；
此问题全网唯一! 关于MultiActionController异步请求Ajax,pc端正常,手机端报error问题:此问题一般是通过setInterval,seTimeout,做Ajax轮询时会产生 ...
PC端页面适配px转rem
rem是相对长度单位,页面布局需要在不同比例的pc端显示同样大小的页面,不希望在分辨率比较高的屏幕上页面就很小. 一般设计稿都是px单位,在开发的时候也会用到px单位.如果在开发前,可以利用vscod ...
phpcms移动端和pc端_phpcms实现手机端与PC端双模板的方法
现在随着智能手机的兴起,我们网站开发移动端版本也显得越来重要了,但是现在phpcms还没有开发手机版,下面我们就教大家如何让phpcms实现手机版访问,一般正常情况下我们电脑版的域名为http://w ...
phpcms移动端和pc端_phpcms实现手机端与PC端双模板的方法与详细教程
现在随着智能手机的兴起,我们网站开发移动端版本也显得越来重要了,但是现在phpcms还没有开发手机版,下面我们就教大家如何让phpcms实现手机版访问,一般正常情况下我们电脑版的域名为http://w ...
通过UA区分微信PC端浏览器还是手机端浏览器
有时候需要限制用户访问页面在手机端, PC端不允许访问, 但是只做微信浏览器判断是不够的, 这个时候需要进一步判断. 通过tcpdump捉到两种浏览器的区分. PC端: 微信浏览器的UA标识 [Mic ...
phpcms设置双模板手机端和pc端 phpcms自定义手机端模板 phpcms手机端模板设置
文件下载链接 https://download.csdn.net/download/qq_39161501/11721012 \www\phpcms\modules\content\index.php ...
thinkcmf5.1项目实现pc端和wap手机端自动切换
用thinkcmf5.1写项目的时候如何实现PC端和手机端自动切换? 1.首先找到data/config/template.php文件复制 'cmf_admin_default_theme' ...
pc端rem适配_聊聊PC端页面适配
目前pc并没有像移动端那样,可以用rem单位这种一站式解决方案,因为pc需要考虑低级浏览器,媒体查询和background-size这些新属性都不能用. 设计稿:1920/(1080-190) = 2 ...
TODO monkey笔记，PC端执行和手机端执行
微博不给力啊吞我笔记,还好我有txt... 1.环境准备:安装Android sdk, 配置环境变量:platfrom_tools,tools,aapt;java: 2.查询当前apk信息: aa ...

一段代码把PC端页面适配手机端

一段代码把PC端页面适配手机端相关推荐

最新文章

热门文章