Safari の検索フォームの padding には appearance が必要
Safari では検索フォームに padding が効ききません。appearance プロパティを設定してこの問題を解決します。-webkit-appearance: textfield; を設定します。このページを読む
Safari では検索フォームに padding が効ききません。appearance プロパティを設定してこの問題を解決します。-webkit-appearance: textfield; を設定します。このページを読む
IE(10+)ではコンテンツとスクロールバーが重なることがあります。スクロールバーは一定時間経過すると自動で隠れますが、コンテンツは読みにくく、クリックしにくくなります。viewport の width プロパティに device-width を設定するとこの問題が起こります。このページを読む
IE8 は rem に対応しないブラウザです。互換性を保ちつつ rem を指定するためには px も同時に設定します。ところが IE8 では border-spacing に関しては rem を読み込んでしまいます。ただし rem は適切に処理されず、px の設定にもフォールバックしません。このページを読む
Microsoft の modern.IE は、特定の OS とその IE の試験のための仮想マシンを無償提供しています。仮想マシンは VirutalBox や VMWare 向けに提供されます。ここでは VirtualBox 使って OS ごと IE を試験する方法について解説します。このページを読む
IE9 ~ 11(開発者ツール上は Edge 表記)では、main 要素の display プロパティの規定値は inline です。main 要素でレイアウトを行うときは display: block を指定します。margin や padding などの挙動がおかしいとき display の値を確認します。このページを読む