视口初始比例错误

Question

当我尝试在iPhone上访问我的网站时，似乎初始比例不能很好地工作。宽度不适合屏幕，用谷歌搜索了很多次，但似乎没有什么能解决我的问题。谁能帮我？

元标记：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1">

.css：

@media screen and (max-width:480px){
    ...
}

这是网址 http://www.estudiocaju.com.br/homolog/dleve/home/

Answer 1

<!-- iPhone Retina -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
<!-- iPhone 5 -->
<meta name="viewport" content="initial-scale=1.0,width=320.1"> 

设置启动图标/初始屏幕：

     <!-- iPhone (Retina) -->
    <link href="imgs/apple-touch-icon-114x114.png"
    sizes="114x114"
    rel="apple-touch-icon">
    <link href="imgs/apple-touch-startup-image-640x920.png"
    media="(device-width: 320px) and (device-height: 480px)
    and (-webkit-device-pixel-ratio: 2)"
    rel="apple-touch-startup-image">
    <!-- iPhone 5 -->
    <link href="imgs/apple-touch-startup-image-640x1096.png"
    media="(device-width: 320px) and (device-height: 568px)
    and (-webkit-device-pixel-ratio: 2)"
    rel="apple-touch-startup-image">

Answer 2

问题不在于逻辑、意图或外部因素，而在于语法。"视口"的"内容"部分内的分隔符应该是逗号 （，） 而不是分号 （;)。使用分号会弄乱浏览器对视口指令的解析，这很可能导致第一个分号以外的所有内容对浏览器不可见。