IE
zenn.dev を真似してquery-stringってライブラリを使っていたのだが、 github.com 最新を普通に入れると現状ではバージョンが7が入ってたのですが、これ、IE非対応らしい。 github.com バージョン5ならIE対応してくれるらしい。 いやーSPAのIE対応ってなんか…
一番ありそうな場面は、 テーブルで、左列がstickyで固定されていて、2列目以降がスクロール出来るやつ。縦に長いテーブルだと横スクロール出来る入力デバイスを持っていないとスクロールバーをクリックしないとスクロール出来ないので操作がかなりめんどく…
note.com neos21.net tamagondq10.blogspot.com タイトル通り、 overflow: scroll と padding-bottom を同時に使うとpadding-bottomが効かないらしい。 なので、display: blockで高さある疑似要素をafterとかで入れてあげると解決する。
IE11で使えないんですよねーclosest。 なので、 getParent($current, cls) { let $target = $current.parentNode; while ($target.tagName !== 'BODY') { if ($target.classList.contains(cls)) { return $target; } $target = $target.parentNode; } } 「現…
sterfield.co.jp text-align: justify; text-justify: inter-ideograph; これで出来る。 基本はtext-align: justifyで問題ない。 text-justify: inter-ideographはIE用とのことだが、やってみたところ上手くいかなかったので諸説ある気がする。text-justify:…
stella-design.biz qiita.com その要素にdisplay:blockとかdisplay:flexとかdisplay:inline-blockをかけてあげれば解決する。 とりあえずdisplay:inlineだとだめ。 今回自分でやっていてバグが発生した箇所はaタグに対してだったので、デフォルトがdisplay:i…
codeday.me caniuse.com Caniuseを見ると、IE11では効かない。Edgeなら大丈夫です。 なので普通に @media screen and (max-width: 736px) { } とか画面幅でやるしかないのかな。 他に良い案あるのかな。 IE以外では効くから、基本的には @media (hover: hove…
qiita.com codeday.me どうやらgulpのtaskの画像圧縮するタスクのgulp-imageminでsvgoでSVGを圧縮する際に、viewboxの記述を消してしまうそうで、そうするとIEで挙動がおかしくなる模様。 qiita.com のように、 imagemin.svgo({ plugins: [ // viewBox属性を…
