Css 手机网站的理想视口大小

我想知道哪一个应该是设计移动网站的理想

viewport

大小

设计一个具有

320px

宽度的站点将大大加快站点的图像加载速度（因为它们的大小会更小），如果只是将视口调整为

320px

使其看起来是全宽的，那么，我们为什么要设计具有更高

宽度的站点呢


设计320像素宽的移动网站的缺点是什么
您认为移动网站理想的
视口大小是多少


网络天生就是灵活的。拥抱媒体，不要强加错误的限制，因为一开始它似乎更容易

你对“移动”的定义是什么？这会在6个月或12个月内改变吗

手机比iPhone还多。灵活的网站几乎适用于所有设备，包括iPhone

在这个问题上，有许多雄辩且见多识广的观点：







裁定为站点创建的所有图像都具有指定的大小是无害的，尽管缩放和重新采样它们以适应分配的容器是相对繁重的工作。与浏览器中的任何在线内容一样，这是一种折衷的媒介，是一种平衡。
使用
视口
无需进行响应性设计。它将强制所有设备在该固定宽度处看到它。不是吗？@Alvaro提供浏览器支持。然而，在超大屏幕（如谷歌Nexus 10）上，被拉伸可能会带来糟糕的体验，相反，在小功能手机上，强制“缩小”的体验可能无法阅读。与手机设备相比，我正在工作的网站与台式机和平板电脑不同。桌面和平板电脑版本已经完成，因此我不能从头开始做响应性设计。由于所有流行的手机（安卓、苹果等）都支持
viewport
功能，我想我会继续使用它。