問題タブ [media-queries]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
asp.net - ページで要求されているcssメディアタイプを特定するにはどうすればよいですか？
使用しているcssメディアタイプに応じて、asp.netWebページがブラウザーに出力される方法を変更したいと考えています。
cssは通常、画面モードと印刷モードの外観の違いに対応していますが、印刷モードが必要な場合は、マークアップに若干の調整を加えたいと思います。ブラウザの画面レイアウト中に使用される2列のアプローチとしてではなく、単にフロートセクションを兄弟の下にドロップします。
css - CSS「@media」のネストされた構造/名前空間とは何ですか?
CSSのラッピング/ネスト構造のようなこの名前空間は何ですか? これは今まで見たことがありません。これが何であるかを理解するのを手伝ってください。ありがとう
google-chrome - 「@mediascreenand（-webkit-min-device-pixel-ratio：0）」のセマンティクスは何ですか？
http://www.webmonkey.com/2010/02/browser-specific_css_hacks/によると、私はたまたまWebKitベースのブラウザに以下のCSSハックを使用しました。
できます。しかし、後で私はそれが本番環境では機能しないことに気づきました。CSSオプティマイザーが。の後にスペースをトリミングしていることが原因であることがわかりましたand。以下のCSSはChromeで認識できません。
では、正確には@media screen and (-webkit-min-device-pixel-ratio:0)どういう意味ですか？
私は知っていますが、これまでCSSファイルで@media screen使用したことはありません。and
なぜスペース文字がand必要なのですか？
css - メディアクエリを正しく処理するバージョンのYUICompressorはありますか？
YUI Compressorには既知のバグがあり、iOSおよびAndroidデバイス（たとえば）にスタイルを提供するために使用されるものを含む一部のメディアクエリは、中括弧と開始中括弧の間のスペースが削除される@media screen and (max-device-width: 480px) {...}ため、圧縮時に壊れます。and
ホームページ（2.4.2）からダウンロードできる最新バージョンには、まだこの問題があります。
この問題が修正された更新バージョンはありますか？
css - CSSで@mediascreenと（max-width：1024px）はどういう意味ですか？
継承したCSSファイルでこのコードを見つけましたが、意味がわかりません。
具体的には、最初の行で何が起こっているのですか？
iphone - CSS を iPhone から非表示にするにはどうすればよいですか?
iPhone以外のすべてのブラウザーから CSS を非表示にする方法を知っています。ブラウザー スニッフィングなしで、スタイルシートを iPhone (IE ではなく) だけに適用するにはどうすればよいですか? を参照してください。
しかし: CSS を iPhone から非表示にするにはどうすればよいですか?
css - LessCSS での @media および @font-face のサポート
こんにちは、LessCSS でメディア クエリを実行する方法を知っている人はいますか?
次のエラーが表示されます。
同様に、@font-face および @ を含む CSS3 クエリは、LessCSS のコンパイラと競合します。
ありがとう！
css - mobile.css の背景画像の変更
わかりました、私は現在、以下にリストされているようにスタイルシートを指示しています:
Site.css には、背景画像を持つ特定の ID があります。
mobile.css では、単純に「none」またはこれに似た別の画像に変更できると思いました (この時点でいくつかのバリエーションを試しました)。
ただし、機能していないようです。サイトのモバイル版では背景が引き続き表示されます。私は Opera Mini と Android SDK Emulator の両方でそれを見てきました。サイトのモバイル バージョンは、背景画像の変更だけでなく、mobile.css から他のすべてのプロパティを取得しています。
この時点で、私が気付いていないことは明らかな何かでなければならないことを私は知っています. どんな助けでも大歓迎です。
html - CSSメディアクエリでブラウザではなくHTMLドキュメントのemサイズを使用するようにしますか？
メディアクエリを使用して、ウィンドウの幅に基づいて要素の幅をチャンクで変更しようとしています（これにより、列の幅を変更せずにページの列の数を増やすことができます）。フォントサイズを変更してもすべてが正しく見えるように、ピクセルの代わりにemを使用してこれを実行できるようにしたいと思います。ただし、以下を使用する場合：
メディアクエリは、ウィンドウの最小幅がブラウザ（Safari）のデフォルトのフォントサイズである42 * 16pxに達するとトリガーされ、div＃pageの幅は42 * 12pxになり、html要素からフォントサイズを継承します。 。使用しているテキストの幅に基づいてメディアクエリをトリガーしたいのですが、それを機能させる方法はありますか？
jquery - jQueryは特定のメディアタイプのCSSを変更できますか？
jQueryが特定のメディアタイプ（印刷など）のCSSを変更することは可能ですか？
私の特定の問題は、要素にアニメーションを使用していて、それが印刷スタイルシートをオーバーライドしているため、印刷レイアウトが台無しになっていることです。私の問題は、提起された一般的な質問とは少し異なりますが、答えは私の問題を解決するのに役立つと思います。考えられる回避策も役立ちます。とても感謝しております。