这是一个创建于 3659 天前的主题，其中的信息可能已经有所发展或是发生改变。
需求是判断客户端是手机则推广手机app,客户端是平板则推广平板app,所以只拿到分辨率区分不出来. 如果用UA判断的话,市面上山寨pad太多了根本统计不过来. 谢谢大家
 |
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 我是针对标题的，嗯
|
Select Language