使用移动设备上网的用户数量激增,遗憾的是,很多网页并未针对移动设备进行优化。移动设备通常会受到显示屏大小限制,因此需要通过不同的方式将内容呈现在屏幕上。
responsive web design fundamentals
explore what makes a site responsive and how some common responsive design patterns work across different devices. learn how to create your own responsive layouts and experiment with breakpoints, and optimizing text and more.
查看系列
手机、”超大屏智能手机”、平板电脑、桌面设备、游戏机、电视和穿戴式设备的屏幕尺寸各异。屏幕尺寸将会不断变化,因此您的网站应能够适应当今或未来的所有屏幕尺寸,这一点很重要。
</a>
自适应网页设计(这一概念最初是由?ethan marcotte 在’a list apart’中提出的)回应了用户及其所用设备的需求。版式会因根据设备的大小和功能而变化。例如,手机可能会以单列视图的形式呈现内容,而同样的内容可能会以双列的形式呈现在平板电脑上。