ファイアウォクスでのみ動作する、つまりメディアクエリ内にあるので、767pxの後でのみ動作するようなCSSを作成しようとしています。以下は私が現在書いているものですが、うまくいきません。メディアクエリのFirefoxのみのCSS
@media only (min-width: 767px) {
@-moz-document url-prefix() {
.SearchBlock input {
width:88% !important;
}
}
}
「@メディアのみ」のセクションがなくてもうまく動作しますが、767px以降でのみ動作します。これは可能ですか？
編集：解像度を幅に変更しました。
min-resolutionを使用しないでください。
min-widthを使用してください：あなたは以下767pxサイズを持つデバイスにCSSを適用する必要がある場合 - のために：あなたは767px以上のもののデバイスにCSSを適用し、
max-widthを使用する必要がある場合モバイル
例：
@media screen and (min-width: 767px) {
@-moz-document url-prefix() {
.SearchBlock input {
width:88% !important;
}
}
}
・ホープこのヘルプs！
変更min-resolution~min-width。
解像度は、デバイスのピクセル密度です。 widthはあなたが望む実際の幅を指します。
URLプレフィックス部分は、規則@documentのCSSが 内に含まれるスタイル規則を制限し、このような
url-prefix("https://example.com/")
として、スタイル規則は、参照文書のURLを持っている必要がありますそれはドキュメントのURLに基づいています。
min解像度を正しく使用しているため、結果が得られません。
あなたは2のいずれかの操作を実行できます。
をいずれかの変更分解像度MIN-幅に
は、例えば分解像度で解像度の値を入力分解像度（192dpi）
Pxは解像度の単位ではありません。
これを試してください。動作する必要があります！ :)
.SearchBlock input {
display: block;
width: 30%;
}
@-moz-document url-prefix() {
@media screen and (min-width: 767px) {
.SearchBlock input {
width:88% !important;
}
}
}<div class="SearchBlock">
<input type="text" placeholder="text"/>
</div>
'のみ画面と（最小幅：767px）'の代わりに動作しなかった 'MIN-resolution' –
の。私はそれを逃したとは信じられませんが。 – salwine
私はちょっと混乱しています...あなたの質問では、あなたはそれが "767px後"に動作する必要があると言います。私は767px以上から作業するために必要なので、これを読んでいます。 [このコメント]（https://stackoverflow.com/questions/46958589/firefox-only-css-in-a-media-query#comment80864980_46958657）では、私が767pxとして読んだ「767px未満」で動作する必要があります以下である。 – agrm