1

iPhoneで自分のサイトにアクセスしようとすると、初期スケールがうまく機能していないようです.幅が画面に収まらず、何度もグーグルで検索しましたが、何も私の問題を解決していないようです..誰か助けてもらえますか?

メタタグ:

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

CSS:

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

これは URL http://www.estudiocaju.com.br/homolog/dleve/home/です。

4

2 に答える 2

0

問題は、論理や意図、または無関係な要因の 1 つではなく、単に構文の 1 つです。「ビューポート」の「コンテンツ」部分の区切り文字は、セミコロン (;) ではなくコンマ (,) にする必要があります。セミコロンを使用すると、ブラウザーのビューポート命令の解析が台無しになり、最初のセミコロンを過ぎたすべてのコンテンツがブラウザーに表示されなくなる可能性があります。

于 2013-04-26T20:37:18.030 に答える
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 に答える