官术网_书友最值得收藏!

Creating a fluid layout

Responsive designs work best with a fluid layout, using percentages to define widths of elements on the page instead of pixels. This is because of the following reasons:

  • Fluid layouts will resize to smaller (and larger) screens without elements overlapping or getting lost
  • Fluid layouts work much better than fixed ones when media queries are applied to them, as we will see later

Let's look at the layout styling for the Carborelli's site to see if it's fluid.

As we shall see in a moment, the Carborelli's site currently has a fixed-width layout, like many websites at the time of writing. This means that all layout dimensions are set in pixels and don't change when the size of the browser window changes.

主站蜘蛛池模板: 双牌县| 安吉县| 金寨县| 天长市| 重庆市| 左云县| 石狮市| 台安县| 满城县| 宁河县| 安多县| 民权县| 民权县| 汝城县| 南召县| 定州市| 读书| 集贤县| 固阳县| 巴楚县| 金阳县| 上杭县| 孝义市| 三门峡市| 高清| 全南县| 苗栗县| 永定县| 郴州市| 清涧县| 淮安市| 清水县| 衡阳市| 宁南县| 台湾省| 平湖市| 武城县| 会泽县| 和林格尔县| 台东市| 汉沽区|