ロゴの表示でpcだとクッキリなのにスマホとかだとぼやける現象が発生。 画像の解像度を上げるとスマホではくっきりするけど今度はPCでぼやけてしまう。 なので拡大縮小に対応したベクター画像にするためsvg形式で保存すること。ie9以上から。 ・・・と思った…

ie11でdisplay-cellに指定した画像がセル内に収まらず本来のサイズで表示されてしまう件の対応。 display:tableにtable-layout: fixedを追加すればok display: table; table-layout: fixed; width:100%; /*widthの指定も必要ぽい*/

width:initial; だけだと効かないので↓のようにする width:initial; width:auto; 参考サイト initialとautoでmin-width,max-width(height)をリセット – webdev