响应式网页设计(英语:Responsivewebdesign,通常缩写为RWD),或称自适应网页设计、回应式网页设计、对应式网页设计。是一种网页设计的技术做法,该设计可使网站在不同的设备(从桌面计算机显示器到移动电话或其他移动产品设备)上浏览时对应不同分辨率皆有适合的呈现,减少用户进行缩放、平移和滚动等操作行为。
对于网站设计师和前端工程师来说,有别于过去需要针对各种设备进行不同的设计,使用此种设计方式将更易于维护网页。
此概念于2010年5月由国外著名网页设计师EthanMarcotte所提出。
采用RWD设计的网站使用CSS3Mediaqueries,即一种对@media规则的扩展,以及流式的基于比例的网格[9]和自适应大小的图像以适应不同大小的设备:
流式网格概念要求页面元素使用相对单位如百分比或字体排印学调整大小,而不是绝对的单位如像素或点。
灵活的图像也以相对单位调整大小(最大到100%),以防止它们显示在包含它们的元素外面。
Mediaqueries允许网页根据访问站点设备的特点而使用不同CSS样式规则,最常用的是浏览器的宽度。
响应式网页设计变得更加重要,因为移动流量现在占互联网流量的一半以上。因此,谷歌宣布移动设备时代的到来(Mobilegeddon)(2015年4月21日),并开始提高移动友好的网站的评级,如果搜索是被从一个移动设备发起。
外贸展示网站 | 外贸营销网站 | 外贸主题网站 | Shopify建站 | Facebook推广 | 谷歌推广 | Yandex推广 | B2C外贸商城独立站 | SSL证书 | 外贸网站模板 | 阿里巴巴国际站装修 | TikTok推广 | 网易外贸通 | WhatsApp群发 | 深圳外贸网站建设 | 海关数据 | 网易企业邮箱 | 俄语网站建设 | 广州外贸网站建设 | 南京外贸网站建设 | 唐山外贸网站建设 | 石家庄外贸网站建设 | 佛山外贸网站建设 | 大连外贸网站建设 | 天津外贸网站建设 | 上海外贸网站建设 | 宁波外贸网站建设 | 莆田外贸网站建设 | 金华外贸网站建设 | 郑州外贸网站建设 | 德州外贸网站建设 | 威海外贸网站建设 | 烟台外贸网站建设 | 枣庄外贸网站建设 | 菏泽外贸网站建设 | 日照外贸网站建设 | 潍坊外贸网站建设 | 中英文网站建设 | 英文网站建设 | 泰安外贸网站建设 | 聊城外贸网站建设 | 临沂外贸网站建设 | 济宁外贸网站建设 | 响应式网站建设 | 济南网站建设 | 外贸建站 | 邮件营销