問題タブ [media-queries]

デフォルトの画面レイアウトと同じスタイルシートを印刷メディアに使用する方法を探しています。私にとっての利点は、CSS を更新するたびに 2 つのファイルを更新する必要がないことです。スタイルシートを 1 つ用意して、何らかの方法で印刷メディアに特別なルールを指定することを希望しています... それは不可能かもしれませんが、質問をそこに出そうと思いました。

私はGreasemonkeyとJQuerys#cssメソッドを使用してcssスタイルをページに追加しています。これまでのスクリプト：

今私の質問は、@ media printにのみ最後のルールを適用するにはどうすればよいですか？

言い換えれば、これがクリーンなCSSである場合、次の構文を使用します。

しかし、Greasemonkey/JQueryでこれを実現する方法

いくつかのボックスを含むテーブルがあり<input type="text">、印刷時にこれらを通常のテキストとして表示したいと考えています。media="print" スタイルシートを設定しました

その中で、これにより境界線が削除されるため、コンテンツはテキストのように見えますが、入力によって列の幅が実際の幅に押し上げられているため (驚くことではありません)、不要な空白と列の幅が得られます。CSSを使用して入力の幅をコンテンツのサイズに設定するか、これを修正する他の方法がありますか?

別のフォーラムの誰かが、ページのマークアップを物理的に変更するためにクライアント側のスクリプトを作成する印刷ボタンを使用することを提案しましたが、残念ながら、ページの複雑さと動的な性質のために実際には実用的ではありません.

無理だとは思いますが、質問させてください。

:-moz-system-metric(touch-enabled)は、モバイル サイトで作業するための非常に便利な CSS セレクターのように見えます。

残念ながら、モバイル タッチ デバイスでは Webkit が優勢です。Webkit に相当するものがあるかどうか知っている人はいますか?

(理想的には、これが CSS3 メディア クエリによって管理されているとよいでしょう)

編集： メディアクエリとしてGeckoでサポートされているようです

私はサイトでメディア クエリを使用することを検討してきましたが、3G 経由で iPhone にダウンロードするのに時間がかかるためだけに、巨大なファイルをダウンロードするというアイデアに飛びつきました。

jquery を使用してファイル名を変更することは可能ですか (つまり、-iphone を background.jpg に追加して background-iphone.jpg を作成します)、サイトが iphone / ネットブック / iPad でおそらくメディア クエリを使用して表示されている場合です。

私の頭では、それが可能であるように思えます。誰かがそれを解決できれば素晴らしいことです:-D

前もって感謝します

ストゥ

画面サイズを見つけるためのこのコードを見つけました

そして、ファイルにテキストを追加すると思われるこのスクリプトを見つけました

2つを組み合わせる方法はありますか??

多分このようなもの -

しかし、構文エラーを修正する方法がわかりません

または、これかもしれませんが、まだ終了構文エラーがあります

css3.infoでそれらについての記事を読みましたが、それが十分に説明されているとは感じませんでした。また、画面サイズに応じて例を変更することもできませんでした。Safari、FF、Chromeで試してみました。

これはまだ実装の準備ができていない機能ですか？

ブラウザウィンドウの幅が1024px未満のときに、いくつかのスタイルを調整したい場合。どうやってやるの？

IEブラウザのメディアクエリを使用するにはどうすればよいですか？http://plugins.jquery.com/project/MediaQueriesという1つのjqueryライブラリに出くわしましたが、このライブラリをダウンロードできません。

私はこれらのいくつかを見てきました...：

...しかし、CSSパーサーを変更しているため、メディアクエリの正確な構文/可能なすべての組み合わせを知りたいです。

どうもありがとう！

私はこの会社で新しいです、そして、我々は何マイルものcssを使う製品を持っています。アプリ用に印刷可能なスタイルシートを作成しようとしていますが、で問題が発生しbackground-colorてい@media printます。

他のすべては機能します。境界線などを変更できますがbackground-color、印刷には反映されません。これで、詳細がないと私の質問に答えられない可能性があることを理解しました。以前に誰かがこの問題、または同様の問題を抱えていたかどうか、私はただ興味がありました。