我正在构建一个网站的iphone版本，并对选择图像大小的最佳做法感到好奇。我正在制作一个简单的垂直列图像文本。我原本以为300px将是最好的尺寸（320px肖像模式减去每边10px边距）。然而，当用户旋转到横向时，图像现在看起来会模糊不清。放大的。另一种方法是使图像变大，但是在纵向模式下它们都需要降尺度 - 这是否会使页面加载速度变慢？我假设大多数人都是以肖像观看的。
如果我使用landscape / 480px作为基本大小，我应该使用哪个视口元素来缩小它的肖像尺寸？我当前的视口元标记是：
<meta name="viewport" content="user-scalable=no, width=device-width" />
非常感谢提前