移动网站应针对哪些分辨率进行优化?

Ric*_*uez 8 css iphone screen-resolution

我无法理解移动分辨率的工作原理.据我所知,标准网站的移动分辨率为320px宽度.问题似乎与iPhone 4有关,它似乎有640px宽度的屏幕分辨率,但是,它以320px显示网页.

这里有什么解决方案?我是否为320px和640px屏幕编码2种不同的分辨率?如何强制iPhone 4显示640px网页?

Cos*_*siu 5

基本上,正如您所注意到的,iPhone 4+分辨率为640px,但浏览器仅显示320px,原因有很多.查看其他答案,了解有关这种情况的详细信息:针对网络应用的320px分辨率

这也说明了这样一个事实,即您可以为网站指定视口以强制它在iPhone上以640px的形式显示,但您不应该这样做,但只需将您使用的图像的分辨率提高一倍.


小智 5

我已经发现的320像素的最小宽度看起来像在iPhone,Android和诺基亚N97.Some最流行的设备的屏幕分辨率的最高端的移动设备上良好的网站:

"iPhone 320 x 480"

"iPhone 4 320 x 480(按比例缩放2倍)"

"HTC Legend 320 x 480"