- 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.
推薦閱讀
- Kubernetes修煉手冊(cè)
- Implementing Azure DevOps Solutions
- 嵌入式Linux應(yīng)用開(kāi)發(fā)菜鳥(niǎo)進(jìn)階
- 嵌入式系統(tǒng)及其應(yīng)用(第三版)
- jQuery UI Cookbook
- 計(jì)算機(jī)系統(tǒng)的自主設(shè)計(jì)
- iOS 8開(kāi)發(fā)指南
- Windows 7實(shí)戰(zhàn)從入門(mén)到精通
- Linux網(wǎng)絡(luò)配置與安全管理
- Windows Server 2008組網(wǎng)技術(shù)與實(shí)訓(xùn)(第3版)
- Mastering Eclipse Plug-in Development
- SAP后勤模塊實(shí)施攻略:SAP在生產(chǎn)、采購(gòu)、銷(xiāo)售、物流中的應(yīng)用
- Getting Started with Citrix XenApp 6.5
- Xamarin Mobile Application Development for Android
- Microsoft DirectAccess Best Practices and Troubleshooting