ボイラープレートフレームワークでレスポンシブCSSを無効にする方法について考えていました。
私がこれまでに行ったことは、以下のようなさまざまな属性を置き換えることです。Chromeでは動作するようですが、IEやFirefoxでは動作しないようです。そのため、実際にどのように動作するかわかりません。
@media only screen and (min-width: 480px) {
に
@media only screen and (max-width) {
誰かが私を助けることができますか？
KR
あるルールのセットを別のルールのセットで簡単にグローバルにオーバーライドする方法がわかりません。ただし、オプションがあります。
0）問題のあるスタイルシートを削除するだけです。（私はそれがあなたが望む答えではないことを知っています、しかしそれは絶対に最も確実な火の方法です）。
1）可能であれば、最初のシートの不要なものをすべて元に戻す2番目のスタイルシートを作成できます。それを維持するのは難しいですが、あなたが望むものをあなたに与えるでしょう。すべてのルールが同一であり、ドキュメント内のメディアルールの後にある限り、それらはそれらをオーバーライドします。
2）javascriptを使用すると、個々のスタイルシートを完全に無効にしたり、個々のルールを操作したりできます。チェックアウトdocument.styleSheets。これは、スタイルシートオブジェクトを含む配列です。document.styleSheets[0].disabled = trueページの最初のスタイルシートを無効にするように言うことができます。トラバースdocument.styleSheets[0].cssRulesして、スタイルシートのすべてのcssルールを操作することもできます。
HTML5ボイラープレートにはレスポンシブCSSは含まれず、プレースホルダーメディアクエリのみが含まれます。これらはサイトに影響を与えないため、何も無効にする必要はありません。
@mediaレスポンシブスタイルが必要ない場合は削除する必要があります。