2018 上半期html/cssはまりやすい大賞
font周り
游ゴシックの、font-weightがwinのchromeだけ細い問題
font-faceでなんとか対応できたり、それがまたできなくなったりと去年あたり振り回されたけど、 現在（2018/4現在）は
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
で解決したってことでいいのかな？ 仕様変更激しいので、安心できないかな。
こちらのブログが詳しい。
http://www.tomotanuki.com/entry/yugothic-weight
noto sans ie11だと下に隙間が出来ちゃうんだよ問題
これもはまりやすい。 ie11は游ゴシックも下に隙間できるよね。
noto sansはたしか、サブセット化した時だけ下に隙間できる謎仕様
ie問題は昔よりは楽になったけど、まだまだ大変・・。
他にもたくさんあったと思うけど、いざ書こうと思うと思い出せないので とりあえずこの辺で。
思い出したら追記します。
ie11周り
スクロールががたつく問題
position:fixedや background-attachment:fixed設定するとie11でスクロールがガッタガタになる。 以下をいれると治る（ましになる？）
ieは本当に・・もうね。 ie6の頃と比べれば楽だけどね・・・。
<script>
if(navigator.userAgent.match(/MSIE 10/i) || navigator.userAgent.match(/Trident\/7\./) || navigator.userAgent.match(/Edge\/12\./)) {
$('body').on("mousewheel", function () {
event.preventDefault();
var wd = event.wheelDelta;
var csp = window.pageYOffset;
window.scrollTo(0, csp - wd);
});
}
</script>
