- 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.
推薦閱讀
- 網絡操作系統:Windows Server 2003管理與應用
- Linux性能優化
- Extending Bootstrap
- 深入理解eBPF與可觀測性
- Application Development in iOS 7
- OpenStack系統架構設計實戰
- Windows 7使用詳解(修訂版)
- Linux應用大全 基礎與管理
- Linux從入門到精通(視頻教學版)
- Docker容器技術與應用
- Java EE 8 High Performance
- Implementing Domain-Specific Languages with Xtext and Xtend(Second Edition)
- BuddyPress Theme Development
- OpenSolaris紅寶書
- Website Development with PyroCMS