移动端默认兼容各手机比例

<script type="text/javascript" src="http://js.40017.cn/cn/min/??/cn/f/touch/Script/airplane/common/zepto.20140212.js?v=201501091140"></script>    <script type="text/javascript">        $(function(){            var winW = $(window).width();            //alert("aaa"+winW);//           var winH = $(window).height();//        if(winH < 500){//            if(winH == 460){//                $(‘html‘).css(‘font-size‘, winW/700 * 100 + ‘px‘);//            }//            else {//                $(‘html‘).css(‘font-size‘, winW/750 * 100 + ‘px‘);//            }//        }//        else {//            if(winW > 750){//                $(‘html‘).css(‘font-size‘, 640/820 * 100 + ‘px‘);//            }//            else {////                $(‘html‘).css(‘font-size‘, winW/640 * 100 + ‘px‘);//            }//        }          //alert(winW);            if(winW >= 1024){                $(‘html‘).css(‘font-size‘, 640/820 * 100 + ‘px‘);            }            else {                if(winW==400)                {                    //针对魅族2的手机设置的宽度                    $(‘html‘).css(‘font-size‘, winW / 720 * 100 + ‘px‘);                }                else {                    $(‘html‘).css(‘font-size‘, winW / 640 * 100 + ‘px‘);                }            }        });    </script>
时间: 2024-10-14 04:17:20

移动端默认兼容各手机比例的相关文章

在PC上测试移动端网站和模拟手机浏览器的5大方

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

在PC上测试移动端网站和模拟手机浏览器的5大方法

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

移动端版本兼容js

<!--移动端版本兼容 --> <script type="text/javascript"> var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var ua = navigator.userAgent; if (/Android (\d+\.\d+)/.test(ua)){ var version = parseFloat(RegExp.$1); /

判断WEB网站的访问端是电脑还是手机的方法

如何判断WEB网站的访问端是电脑还是手机?以显示不同的页面! 其实可以通过JS脚本来实现: <script type="text/javascript">  <!--          //平台.设备和操作系统          var system = {              win: false,              mac: false,              xll: false,              ipad:false        

vue移动端滑动兼容

vue移动端transition兼容 .face-recognition .wrapper(:style="{height: viewHeight+'px'}") .face-recognition{ height: 100%; display: flex; flex-direction: column; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #ffffff; .wrapp

转 :2016HTML5移动端最新兼容问题解决方案;

1.安卓浏览器看背景图片,有些设备会模糊.用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2.现在android比较乱,有1.5的,有2的也有3的.让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况都是用2倍).例如一个di

【转】HTML5移动端最新兼容问题解决方案

1.安卓浏览器看背景图片,有些设备会模糊. 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2.现在android比较乱,有1.5的,有2的也有3的.让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况都是用2倍).例如一个

HTML5移动端最新兼容问题解决方案

1.安卓浏览器看背景图片,有些设备会模糊.用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2.现在android比较乱,有1.5的,有2的也有3的.想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况都是用2倍).例如一个d

移动端H5页面自适应手机屏幕宽度

1.由于本人使用的是sublime.text,使用rem就可以达到效果. 点击菜单中的preferences下的browse packages,选择cssrem-master,添加或者编写cssrem.sublime-settings文件. 设置px_to_rem的值为75即可. 在代码里输入设置的对应px值,按TAB键就可以转换为rem 在使用时,同事引用flexible.js文件 2.<meta name="apple-mobile-web-app-capable" cont