大多数网站对于智能手机、平板电脑等移动设备的小屏幕来说都太大了。响应式网页设计 (RWD) 可确保您的网站设计和内容灵活地 适应相应的设备。 “响应”的意思是“反应”或“能够反应”。
但设计究竟如何才能动态适应屏幕的大小呢？粗略地说：通过在所谓的断点处改变网站的布局。媒体查询查询访问网站的设备的要求，从而实现在每台设备上的最佳显示。图像、文本、视频、导航（菜单栏）和设计元素的大小和排列也可以根据各自的视口进行变化。这意味着内容显示清晰，用户无需太多滚动即可吸收。
但是您与网站互动的方式也是响应的。这就是点击或输入方法在桌面和移 英国 whatsapp 号码 动设备上的不同之处：在 PC 上鼠标悬停在智能手机上可以用手指点击。
由于响应式网页设计，不再需要为不同设备创建和编写网站的多个视图（布局/设计）的繁琐工作。这样，您可以针对所有设备优化您的网站，而不是像以前那样只针对某些设备。
自适应布局与响应式布局
我们已经简要地提到过：在响应式网页设计（RWD）之前，每个相关设备都会创建一个布局。为了涵盖最重要的表示，通常使用最常用的移动设备，例如 iPhone、iPad、三星智能手机和其他 Android 设备。根据这些屏幕尺寸和分辨率，定义了一些断点来优化布局。只有在这些断点处布局才会做出反应。这些布局被称为自适应布局——“自适应”的意思是“可适应的”。