响应式Web设计是指设计和开发应该根据屏幕大小、平台和方向响应用户的行为和环境。该实践包括灵活的网格和布局、图像和CSS媒体查询的智能使用。当用户从笔记本电脑切换到iPad时,网站应该自动切换以适应分辨率、图像大小和脚本能力。人们可能还需要考虑他们设备上的设置;例如,如果他们的iPad上有iOS的VPN,网站不应该阻止用户访问该页面。换句话说,网站应该拥有自动响应用户喜好的技术。这将消除对市场上每个新设备的不同设计和开发阶段的需求。
调整屏幕分辨率
随着更多设备的出现,屏幕分辨率、定义和朝向也会发生变化。每天都在开发具有新屏幕尺寸的新设备,这些设备中的每一个都可以处理大小、功能甚至颜色的变化。有的在风景画中,有的在肖像画中,还有的甚至是完全方形的。正如我们从iPhone、iPad和高级智能手机的日益普及中所了解到的,许多新设备可以根据用户的喜好从肖像到风景。如何针对这些情况进行设计?