スマホ対応(レスポンシブ対応)が重要な理由とは?ホームページ制作で欠かせないポイントを解説
現在、多くの人がスマートフォンでホームページを閲覧しています。 企業や店舗のホームページでも、アクセスの大半がスマホからというケースは珍しくありません。 そのため、ホームページ制作において「スマホ対応(レスポンシブ対応)」は欠かせない要素となっています。 この記事では、スマホ対応が重要な理由や、対応... 続きをみる
現在、多くの人がスマートフォンでホームページを閲覧しています。 企業や店舗のホームページでも、アクセスの大半がスマホからというケースは珍しくありません。 そのため、ホームページ制作において「スマホ対応(レスポンシブ対応)」は欠かせない要素となっています。 この記事では、スマホ対応が重要な理由や、対応... 続きをみる
Web制作をしていると、height: 300px; のように高さをピクセルで固定する場面があります。 しかし結論から言うと、基本的に高さを絶対値で固定するのはおすすめされません。 なぜなら、Webのレイアウトは 内容によって高さが変わる前提で作るのが基本だからです。 高さを固定すると起きる問題 1... 続きをみる
Web制作をしていると、必ずと言っていいほど出てくる width と max-width。 どちらも「横幅」を指定するプロパティですが、 実は使いどころと役割がまったく違います。 この記事では、 「結局どう違うの?」「どっちを使えばいいの?」 という疑問を、初心者にもわかるように解説します。 wid... 続きをみる
レスポンシブデザインとは、スマホ・タブレット・PCなど、画面サイズの異なるデバイスでも快適に閲覧できるようにレイアウトを自動で調整する仕組みのことです。 その際に基準となるのが「ブレークポイント」と呼ばれるpx(ピクセル)単位の区切りです。 一般的には、デバイスの画面幅によっていくつかの区分が設けら... 続きをみる