以后地位:首页 > 建站常识 > 列表

手机屏幕分辩率和手机阅读器分辩率

点击: 次时候:2017/4/12关头词:HTML5 网站自顺应 上海网页设想
在桌面电脑端,阅读器的分辩率与电脑屏幕的分辩率是分歧的。而智妙手机的屏幕分辩率常常和手机阅读器分辩率差别,由于手机的屏幕绝对来讲比拟小,若是要显现高清画质,那末它的分辩率就要高。比方说,苹果iPhone4手机的屏幕分辩率是640*960,而其自带的Safar
手机屏幕分辩率和手机阅读器分辩率

在桌面电脑端,阅读器的分辩率与电脑屏幕的分辩率是分歧的。而智妙手机的屏幕分辩率常常和手机阅读器分辩率差别,由于手机的屏幕绝对来讲比拟小,若是要显现高清画质,那末它的分辩率就要高。比方说,苹果iPhone4手机的屏幕分辩率是640*960,而其自带的Safari阅读器的分辩率却只要320*480。以是,咱们在用HTML5+CSS3开辟挪动网站和挪动利用时,就要注重了。

假定,咱们此刻要针对苹果iPhone4开辟一个挪动网站和一个挪动利用,在做挪动网站时,咱们如许写款式:

@media screen and (min-width:320px) and (max-width:480px){}

而在做挪动利用时,咱们得如许写款式:

@media screen and (min-device-width:640px) and (max-device-width:960px){}

min-width和max-width:表现手机阅读器的最小宽度和最大宽度

min-device-width和max-device-width:表现手机屏幕显现的最小宽度和最大宽度

也便是说,若是咱们用HTML5开辟,最初要封装成利用,那末咱们在开辟时,要查问的是手机屏幕的分辩率;若是只是开辟挪动网站,那末咱们须要晓得的是各手机阅读器的分辩率。

咱们能够经由过程以下代码检测所用的阅读器的分辩率:

<script type='text/javascript'>  document.write("阅读器分辩率是"+document.documentElement.clientWidth+"*"+document.documentElement.clientHeight );  document.write("屏幕分辩率是"+window.screen.width+"*"+window.screen.height);  </script>

预定建站
收费供给网站优化
支付关头词