适用于手机网站的理想视口大小

Question

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

设计宽度为320px的网站会在图片加载方面加快网站的速度（因为它们的尺寸会更小），如果仅将视口调整为320px，那么，我们为什么要设计更高width的网站？

• 设计320px宽的移动网站有什么缺点？
• 您认为移动网站的理想viewport大小是什么？

Answer 1

1. 网络具有内在的灵活性。拥抱媒介，不要施加错误的限制，因为它起初似乎更容易。

2. 您将什么定义为“移动”？这会在6个月或12个月后发生变化吗？

3. 设备数量超过iPhone。灵活的网站只能在包括 iPhone的所有设备上工作*。

关于这个问题，有许多雄辩且知情的意见：

• http://alistapart.com/article/dao
• http://blog.andyhume.net/responsive-by-default/
• http://adactio.com/journal/6120/
• http://futurefriend.ly/

裁定为网站创建的所有图像都具有指定的大小是没有害处的，尽管缩放和重新采样它们以适合其分配的容器是相对繁重的工作。与浏览器中的任何在线内容一样 - 一种旨在妥协的媒介 - 这是一种平衡。