0

以下は私には非常に奇妙に思えます:

CSS を使用するだけで「モバイル バージョン」に変更するように定義された Web サイトがあります。

@media only screen and (max-width: 45em)

問題は、ドキュメントの幅を狭くして 45 em を下回ると、リンクが機能しなくなることです (Android でも機能しません)。最初は、これは私の JavaScript によるものかもしれないと思っていましたが、.js をロードしない別の test.html を作成したところ、おそらく CSS が原因であることがわかりました。

テストページはこちら

CSSはこちら

それを開くと、テキスト内のボタンが機能していることがわかります。

ドキュメントの幅が 45em 未満になるまで、ブラウザーの幅を減らします。背景が黒くなることに注意してください。-link の周りに 5px の緑色の境界線を付けて、狭いモードでそれらを強調表示しました。

ボタン (リンク) は、IE 以外のブラウザーでは機能しなくなります (すべてのことについて)...?!?!?

私は一日中検索してきましたが、エラーは見つかりませんでした。誰でも助けることができますか?たとえば、ブラウザで CSS の動作をデバッグする方法はありますか? どうもありがとう。

4

1 に答える 1

1

#menu-hover-zone幅が に設定された要素があり14emます。これは、小さな画面のボタンをカバーします。メディア クエリ スタイルシートでその幅を削除すれば問題ありません。

于 2012-09-26T17:14:58.273 に答える