0

WordPressでカスタムテーマを使用していて、モバイルから表示するときに特定のフォーマットを追加したい（最小320px-最大400）

メタタグ：

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

css：

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

.logo{margin-left:0px !important}
.content{width:100% !important; }
.mainmenu {background:rgba(0,0,0,0.6) !important; }
.mainmenu li{padding:0 5px !important;}
.mainmenu li a{font-size:18px !important; font-family:'impactregular' !important;     color:#000 !important;}   
}

@media only screen 
and (min-width : 1000px) {
    .logo{float:left;}
}

今、何らかの理由でそれは1000pxを検出しますが、それよりも小さいものは検出しません。ここで何が間違っているのかわかりません。

これが私が修正しようとしているサイトへのリンクです。前もって感謝します。

4

1 に答える 1

0

それはあなたを助けるでしょう。 標準デバイスのメディア クエリ。

そしてそれをメタタグとして使用してください。

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" />
于 2013-03-18T19:22:55.957 に答える