界面模式

在小屏幕上查看的设计不应看起来像是缩小版的大屏幕布局。同样,在大屏幕上查看的设计不应看起来像是小屏幕布局的放大版。相反,设计需要足够灵活,能够适应所有屏幕尺寸。成功的响应式设计可充分利用每种外形规格。

这意味着,某些界面元素可能需要根据其显示环境而呈现出截然不同的外观。您可能需要对同一 HTML 代码库应用截然不同的 CSS,才能充分利用不同的屏幕尺寸。这可能是一项相当大的设计挑战!

以下是您可能会遇到的一些常见挑战。