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

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.

主站蜘蛛池模板: 凤山市| 舒兰市| 莫力| 大庆市| 定边县| 池州市| 甘肃省| 安徽省| 菏泽市| 河西区| 内江市| 阿鲁科尔沁旗| 东莞市| 平原县| 龙胜| 额尔古纳市| 永清县| 揭东县| 广昌县| 乐陵市| 凌云县| 合川市| 广宗县| 宝应县| 宁陵县| 韶关市| 陇西县| 天津市| 建水县| 沙湾县| 宽城| 临夏市| 郧西县| 北安市| 武清区| 永和县| 藁城市| 东兰县| 扶沟县| 农安县| 肥乡县|