css - 手机网站的理想视口大小

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/

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