タグ CSS の記事

スマートフォンのブラウザでフォントサイズがおかしくなる問題の対処方法

ウェブ制作者向けの小ネタです。スマートフォンのブラウザでウェブサイトを開いたときに、指定したフォントサイズと異なるサイズで文字が表示されてしまう問題についてです。問題 font-size でフォントサイズを指定しているのに、 iOS や Android…

CSS の小ネタです。 CSS で class 属性での指定が無い要素にのみスタイルを付ける方法についてです。この方法はハックでも何でも無いのですが、個人的には目からウロコでした。これを使うと、規模が大きめのサイトの CSS…

CSS の自動整形ツール csscomb を使っていて、設定ファイルがないというエラーが出る場合があります。私の知るところでは、このエラーの原因には次の…

ウェブサイトでよく見かける「横方向に並ぶメニュー」の作り方についてまとめてみます。記事執筆時点では、主流の横方向に並ぶメニュー（以後「水平メニュー」）の作り方は大きく分けて 4 つあります。 float を使う方法 inline-block を使う方法 table…

Google Maps の埋め込み地図をレスポンシブ化する方法について。 Google Maps の埋め込み用コードはそのまま埋め込んでもレスポンシブになってくれません。ラッパー div を作成してラッパーに padding ( padding-bottom…

CSS でテキストの色と同じボーダーの色を設定する方法について。実は border-color を指定しない場合、 border-color は自動的に color…

CSS でテキストフィールドが focus されたときに自動的に付くボーダーを外す方法についてです。ここではテキストフィールドと書いていますが、 textarea や button 、 submit ボタンなどでも共通かと思います。私がチェックした Chrome…