今日は仕事納めで、午前中だけでした。
昨日の、1pxの隙間の調べ物とお掃除をしました。
業務では、ASP.NETのReaurst.Browser.Browserでブラウザ名を
取得し、Internet Explorerだったら、1px上に表示するようスタイル
を追加しようと思っていました。
だけど、ブログでも使いたかったので、スタイルシートでブラウザを
判定できないか検索したら、結構すぐ見つかり
、解決しました。
Win10のMicrosoft Edgeでは、Safari6.0～8.0用と載っていたもので
隙間がなくなりました
。これは、Google Chromeにも対応している
ようなので、Google Chrome用をMicrosoft Edge用の後に記述しな
くてはなりませんでした。メモとしてスタイルシートを貼り付けておき
ます。
/*ie11*/
@media all and (-ms-high-contrast:none){
*::-ms-backdrop,body{
background-color:blue;
}
}
/*edge*/
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0){
@media{
body{
background-color:red;
}
}
}
/*chrome*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){
body{
background-color: orange;
}
}