問題タブ [media-queries]

CSS Media で Motorola Xoom ブラウザを検出するにはどうすればよいですか?

たとえばiPadの場合、私は使用します@media only screen and (device-width:768px)

Motorola Xoom ブラウザの同様のメディア クエリは何ですか?

CSSメディアクエリについて質問です。

私はdesktop.cssとipad.cssを使用してHTMLページを実装しており、それらを2つの別々のファイルに入れたい..desktop.cssでは、 @import url("ipad.css"); を使用します。また、実際のデスクトップ スタイルを持つスクリーンと (device-width:768px) ブロックだけでなく、@media も追加します。

したがって、desktop.css は次のようになります。

iPad CSS は iPad に正しく適用されますが、何らかの理由でデスクトップ用の CSS が適用されません..「@media not only screen ...」の何が問題なのかわかりません。

http://www.w3.org/TR/css3-mediaqueriesを参照しました

「メディア クエリの先頭にキーワード 'not' が存在すると、結果が否定されます。つまり、メディア クエリが 'not' キーワードなしで true だった場合、それは false になり、その逆も同様です。」

しかし、何らかの理由で、デスクトップはスタイルをレンダリングしません...助けてください..ありがとう..

** * ****編集済み* *

このアプローチを使用する際の問題は何ですか?

次の CSS メディア クエリの正確な「NOT」は何ですか?

追加するだけで、それは..iPADを除くすべて...または...iPADではない..

ところで...私はすでに試しました

動作しません..

IE8 は次の CSS メディア クエリをサポートしていませんか。

そうでない場合、別の書き方は何ですか? Firefoxでも同じことがうまくいきます。

以下のコードに問題はありますか?

演算子and、not、onlyおよびコンマ,が CSS で何を意味し、何をするのかを非常に簡単な言葉で説明してくれませんか?

見出しなどにcufonを使用しているスマートフォン向けサイトの改造を依頼されました。

メディア クエリを使用してサイトを配信しています。すべて問題なく動作しますが、関連する css を変更しても、cufon のサイズは変更されません。.jsを介してそれを行うことは間違いありませんが、それを行う方法の手がかりはありません.

アイデアや指針はありますか？どうも

入力ボックスを隠して印刷時に値を表示するために CSS メディアクエリを使用することは可能ですか?

さまざまなサイズのレイアウトをカバーするメディアクエリを使用してサイトを設計しています。私は石積みでフルサイズの幅でたくさんのフロートを整理していますが、問題ありません。可動幅では、すべてのフロートがフロートを解除し、互いに積み重ねられます。したがって、768px <= width <= 1000pxの場合に、サイトがタブレットレイアウトにサイズ変更されたときにのみ、石積みを再実行する必要があります。

これはまだ機能しませんが、すべてのサイズ変更で実行したくありません...ブレークポイントでのみ実行します。

メディア クエリを使用して、電話やその他のモバイル デバイスのデザインを変更したいと考えています。

cssファイル内に次のいずれかを含めることができるようです：

または、CSS ファイルへのリンクの一部として、ページの html に同様のものを含めることができます。これら2つの方法の違いですか、それとも結果は同じですか? ありがとう

次のメディアクエリを使用して、16x9のアスペクト比のタブレット、特にSamsungGalaxyTagをターゲットにしています。

最初のページの読み込みでは、style-16x9.cssスタイルシートは適用されません。ブラウザをリロードすると有効になります。これは、ページをロードするすべてのセッションの開始時に常に発生します。それがなぜそうなるのか？

また、メディアクエリで特定のアスペクト比を具体的にターゲットにしない方法はありますか？たとえば、16x9のアスペクト比をすべて除外します。