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

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.

主站蜘蛛池模板: 海口市| 长兴县| 渭南市| 大安市| 平潭县| 泰州市| 瓮安县| 肇源县| 甘德县| 金门县| 宁都县| 开封县| 宁陵县| 历史| 福海县| 马尔康县| 新化县| 郎溪县| 福贡县| 法库县| 旬邑县| 额济纳旗| 崇左市| 台山市| 彭山县| 科技| 福建省| 玛纳斯县| 黑山县| 登封市| 普宁市| 盐边县| 勐海县| 灵寿县| 大悟县| 通河县| 高安市| 镇坪县| 获嘉县| 顺平县| 永福县|