仅为iPhone设计网页

Question

我想专门为iPhone设计网页。 我在纵向模式下直接设计了iPhone的尺寸：宽度：320px;高度：356px; 我有一个带png的徽标 我将视口放在头部： <meta name = "viewport" content = "width=device-width">

http://jsfiddle.net/u2rbj/

它在纵向模式下工作正常，但在风景中它甚至可以缩放所有内容，而且它会失去分辨率。我该如何解决？

Answer 1

确保使用专为iOS和其他移动平台制作的特殊标记为您的网页配置视口。在this获取战利品。