1

当我尝试在 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/

4

2 回答 2

0 
<!-- 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">
于 2013-01-30T23:35:04.707 回答
0

问题不是逻辑或意图或无关因素之一，而只是语法之一。“视口”的“内容”部分内的分隔符应该是逗号 (,) 而不是分号 (;)。您对分号的使用会扰乱浏览器对视口指令的解析，很可能导致浏览器无法看到第一个分号之后的所有内容。

于 2013-04-26T20:37:18.030 回答