0

レスポンシブでスマートフォンやタブレットで見栄えのするウェブサイトを作ろうとしています。

この Web サイトへのリンクは次のとおりです: http://fineart.d.dev.vendo.no/

問題は、モバイル デバイス用に特別に作成したメディア クエリがモバイル デバイスに表示されないことです。この質問はここ Stackoverflow でよく聞かれることですが、この問題の解決策は見つかりませんでした。これが私のコードです：

@media only screen and (max-width: 768px) {
    /* Some mobile-specific code goes here */
}

使ってみてmax-device-width追加しました

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

セクションに移動しますが、成功しません:(

この問題を解決するのを手伝ってくれませんか? 私は本当にそれで立ち往生しており、あなたの助けが必要です.

前もって感謝します！

4

2 に答える 2

1

このメタタグを使用することをお勧めします:

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

「maximum-scale=1」に設定すると、ユーザーがスクロールできなくなります。これは、一般的にアクセシビリティの問題として見られます。必要に応じてユーザーがズームできるようにします。

メディア クエリについては、CSS を確認しましたが、実際にはメディア クエリが存在していませんでした。これらのクエリを含む CSS ファイルがロードされていることを確認してください。

于 2013-06-20T02:22:22.090 に答える