课程: CSS Essential Training

今天就学习课程吧！

今天就开通帐号，24,700 门业界名师课程任您挑！

Fluid layouts

Fluid layouts - CSS教程

课程: CSS Essential Training

开始一个月试用 购买团队方案

Fluid layouts

“

- [Instructor] We've talked about how to use media queries to make changes for any viewport width, but do we always need to use a media query? Remember, there are three ingredients for responsive web design: fluid layouts, flexible images, and media queries. Building your website on a flexible foundation first means you don't need to use media queries to target every possible size. Let's go over some techniques for creating a fluid layout, also referred to as a liquid layout. When setting the width of the page components, use percentage values or relative units where possible. Another option is to use the min and max-width properties which is the technique we applied to our content wrappers. In this scenario, using max-width allowed us to have precise control over how wide the content wrappers spanned on larger screens. Because we don't want it to get any larger than the maximum value on any screen, it makes sense…

内容