在iPhone 4(视网膜屏幕)和Android手机上，如何使移动网站看起来都不错

Question

此移动网站：http://www.tomorrollld.com/instarea/

在iPhone 4（视网膜屏幕）和常规iPhone屏幕上看起来都不错。但是在Android手机上，它太大了。我该如何轻松修复？

这就是viewport标签的样子：

<meta name="viewport" content="width=640,initial-scale=0.5,maximum-scale=0.5,user-scalable=0"/>

Answer 1

考虑将宽度转换为基于百分比而不是像素，然后让它们在较小的设备中缩小。您还可以添加一些媒体查询，以供较小尺寸的其他布局控件。

对于所有移动设备，使用视口本质上是用320px用320px进行硬编码 - 适用于较旧的iPhone，但对于许多其他设备而言不适用。