响应式网页设计的本领道理。一个规范的网页普遍由构造（html, xml, xhtml）、展现（css）和动作（dom、ecmascript）三局部构成，个中构造和展现局部则为响应式网页设计的要害局部，其余css3规范的创造也为响应式网页设计奠定了普通。响应式网页设计的中心本领普遍由以次三局部构成：

       媒介查问又称为媒体查问，即经过css3的@media证明来查问展现媒体（结尾摆设）的表露尺寸，按照各别尺寸的结尾摆设来采用各别的css款式，进而到达网页能机动适配多种结尾的功效。@media证明从css3发端才被扶助，此刻的挪动摆设中的欣赏器均扶助css3，惟有pc端的少许老旧欣赏器不扶助，如ie8往日的本子，很多网站仍旧停止那些老旧的欣赏器。媒介查问示例代码如次：

@media screen and (min-width:768px）{这边树立您的css款式代码}

       这边的网格构造是一个广泛的观念，即贯串了流式构造、弹性构造和栅格构造的个性，把所有网页划分红一个个网格，网页上每个网格不妨大肆拉拢，最后展现为一个个实质块。经过与媒介查问共同，同声应用流式构造中以百分比或搀和百分比动作襟怀单元的办法和弹性构造中flex本领，进而实行网页响应式构造的功效。

       响应式网页设计中，处置好图片也特殊要害。由于此刻的网站常常会运用大幅图片来展现实质，这就须要按照结尾摆设的宽窄来机动安排图片的宽窄，进而到达更好的表露功效。常常的做法是将图片宽窄以百分比来襟怀，共同max-width或background-size等css属性来实行。