1
hackwjfz 2014-11-24 14:27:08 +08:00 1
|
5
akeyz 2014-11-24 15:17:54 +08:00 1
|
6
abelyao 2014-11-24 15:18:51 +08:00 1
现在很多手机的分辨率,比两年前小尺寸的平板的分辨率都要高了,当然是指物理分辨率,所以物理分辨率已经不能用来判断 phone 或者 pad 了。
但是可以用渲染分辨率来判断,比如拿 iPhone 来说,4 到 5s 都是物理分辨率 ÷ 2,也就是 320 像素的宽度,4 之前就直接是 1:1 的比例。 而到底宽度多少,比例多少,是可以在 head 的 viewport 中设置的,几句话也说不清楚,楼主看看 http://www.cnblogs.com/2050/p/3877280.html 这一类相关帖子吧 |
7
leer561 2014-11-24 15:34:23 +08:00 1
这两天正在做,遇到了部分问题
//屏幕适配 var ratio1 = 1/window.devicePixelRatio; var ratio = ratio1.toFixed(3); var highResSplash = "<meta name='viewport' content='initial-scale="+ratio+"' />"; $('head').append(highResSplash); iphone,pad什么的都没问题,而且因为ios7不支持width=device-width,以及安卓4.4之后,不再支持target-densitydpi后,一般我都直接缩放了,至少比那些不努力只会放initial-scale=1.0要好一些。 另外,用phonegap打包,安卓4.4会有viewport缩放实效的问题,需要重新设置webview,不过我已经折腾半天也没把cordova-webview-setting 弄进去。 https://github.com/gitawego/cordova-webview-setting 暂时性放弃,按照360的搞了 |
8
leer561 2014-11-24 15:37:53 +08:00
sorry,回答错了,完全没应对楼主问题
|
9
rayps 2014-11-24 15:49:31 +08:00
|
10
learnshare 2014-11-24 15:55:03 +08:00 1
1. 永远不要判断设备和浏览器!
2. 用 mediaquery 做相应页面,去适应不同的分辨率; 3. 用 js test(如 if(document.querySelectorAll()))测试浏览器对函数的支持情况,来做向下兼容 |
11
anjianshi 2014-11-24 16:09:04 +08:00 1
@learnshare 审题啊,楼主是要根据设备决定推广哪种 APP
|
12
learnshare 2014-11-24 16:54:05 +08:00
@anjianshi 我是针对标题的,嗯
|