- WordPress Mobile Web Development:Beginner's Guide
- Rachel McCollin
- 126字
- 2021-08-13 18:06:20
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.
推薦閱讀
- Linux網絡管理與配置(第2版)
- Learning OpenDaylight
- Kali Linux滲透測試全流程詳解
- Windows Phone應用程序開發
- Docker+Kubernetes應用開發與快速上云
- Linux自動化運維:Shell與Ansible(微課版)
- Linux服務器配置與管理
- NetDevOps入門與實踐
- AWS SysOps Cookbook
- Learning BeagleBone
- Drupal 7 Cookbook
- Multi-Cloud for Architects
- Raspberry Pi入門指南
- Learn Quantum Computing with Python and IBM Quantum Experience
- Serverless Architectures with Kubernetes