以下は私には非常に奇妙に思えます:
CSS を使用するだけで「モバイル バージョン」に変更するように定義された Web サイトがあります。
@media only screen and (max-width: 45em)
問題は、ドキュメントの幅を狭くして 45 em を下回ると、リンクが機能しなくなることです (Android でも機能しません)。最初は、これは私の JavaScript によるものかもしれないと思っていましたが、.js をロードしない別の test.html を作成したところ、おそらく CSS が原因であることがわかりました。
それを開くと、テキスト内のボタンが機能していることがわかります。
ドキュメントの幅が 45em 未満になるまで、ブラウザーの幅を減らします。背景が黒くなることに注意してください。-link の周りに 5px の緑色の境界線を付けて、狭いモードでそれらを強調表示しました。
ボタン (リンク) は、IE 以外のブラウザーでは機能しなくなります (すべてのことについて)...?!?!?
私は一日中検索してきましたが、エラーは見つかりませんでした。誰でも助けることができますか?たとえば、ブラウザで CSS の動作をデバッグする方法はありますか? どうもありがとう。