Category Archives: バグ情報

<IE11対応>実務で使うGridレイアウト【機能編】

前回の記事(「実務で使うGridレイアウト【環境構築編(gulp)】」)では、最新版のAutoprefixerの導入と、Grid機能を有効にする設定について解説しました。今回は【機能編】として、IE11への対応を踏まえた上でGridレイアウトを利用するために気をつけなければならないポイントを解説します。 ※なお、Gridレイアウトそのものの基本的な使い方については既に習得している

iOS8 Safariでzoomプロパティが無効になっている件

iOS8からはzoomが効かない 今から2〜3年前、スマホサイトのRetinaディスプレイ対応をしなければならなくなった時に、予算とかスケジュールの都合で簡易対応として以下のようなコードで強制的に全部のimg画像を1/2表示にして作っていた時期がありました。 img{zoom:0.5;} この方法だと、img要素にいちいち1/2サイズを指定しなくても勝手に1/2サイズで表示してくれるので、レ

高さ揃えJavaScriptの落とし穴・その後

jquery.flatheights.jsを使ってボックスの高さを揃える際、高さ指定の無い画像が含まれているとwebkitでボックスがつぶれてしまうということについて前回記事を書きましたが、その後@mattari_pandaさんの協力でとりあえず解決に至りました。 var _UA = navigator.userAgent.toLowerCase(); if(parseInt(_UA.indexOf('applewebkit')) > -1){ $(window).load(function(){ $('.box1').flatHeights(); }); }else{ $(function(){ $('.b

高さ揃えJavaScriptの落とし穴

ボックスを格子状に並べて一覧表示する際、どうしても高さを揃えたいというのは当たり前の要求だと思います。 ところがCSSレイアウトの場合、隣り合うボックスの高さを揃えるということが案外大変です。 中身が画像などで高さが確実に固定できる場合はheightを指定すればいいだけなので問題ありませんが、 中身が可変コンテンツだった場合、ボックスから中身がは