手机网站的理想视口大小答案

【问题标题】：Ideal viewport size for mobile phone websites手机网站的理想视口大小
【发布时间】：2013-10-13 22:34:26
【问题描述】：

我想知道哪个应该是设计移动网站的理想viewport 大小。

设计一个具有320px 宽度的站点将大大加快站点在图像加载方面的速度（因为它们的大小会更小），并且，如果只是将视口调整为320px 使其看起来全宽，那么，我们为什么要把网站设计在更高的width呢？

【问题讨论】：

【解决方案1】：

关于这个主题有许多雄辩且消息灵通的意见：

虽然为网站创建的所有图像都具有指定的大小，但对它们进行缩放和重新采样以适应其分配的容器是一项相对繁重的工作，但这并没有什么坏处。与浏览器中的任何在线内容（一种旨在妥协的媒介）一样，这是一种平衡。

【讨论】：

使用viewport 不需要响应式设计。它将强制所有设备以该固定宽度看到它。不会吗？
@Alvaro 提供浏览器支持它。但是，在非常大的屏幕（例如 Google Nexus 10）上，被拉伸可能会提供较差的体验，相反，在小型功能手机上，强制“缩小”的体验可能无法阅读。
我工作的网站不同于台式机和平板电脑，而不是手机设备。台式机和平板电脑版本已经完成，因此我无法从头开始进行响应式设计。由于所有流行的手机（android、apple...）都支持viewport 功能，我想我会继续使用它。