前提・実現したいこと
cssを用いて、各プラウザ事に設定していきたいのですが、firefoxだけ上手くいきません。
firefoxにchromeのハックが適用されてしまいます。
デベロッパーツールでchromeのハックを適応を消すとfirefoxのcssがきちんと適応されます。
自分で調べてみて、chromeのハックはfirefoxには適応されない記述にしてあるはずなのですが、上手くいきません。
知識をお借り出来れば幸いです。
CSS
1/*firefox*/ 2 3@-moz-document url-prefix() { 4.sample{ 5 padding:0px; 6 margin-left:110px; 7 margin-top:-857px; 8 line-height:1.46em; 9 } 10} 11 12/*chrome*/ 13 14@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) { 15.sample{ 16 padding:0px; 17 margin-left:110px; 18 margin-top:-858px; 19 line-height:1.5em; 20} 21 22} 23 24 25
試したこと
元々は@media screen and (-webkit-min-device-pixel-ratio: 0) でやっていたのですがこれだと、firefoxも適応されるとの事だったので上記に変えましたが、上手くいきませんでした。
cssの記述順も疑ったのですが、firefoxの方が先に記述していました。
回答1件
あなたの回答
tips
プレビュー