实现响应式网页设计技术原理
A. <meta>标签。位于文档的头部,不包含任何内容,<meta>标签是对网站发展非常重要的标签,它可以用于鉴别作者, 设定页面格式,标注内容提要和关键字,以及刷新页面等, 它回应给浏览器一些有用的信息,以帮助正确和精确 地显示网页内容。在移动设备上设置视口的宽度。
B. 使用媒体查询(也称媒介查询)适配对应样式。 通过不同的媒体类型和条件定义样式表规则,获取的值可以设置设备的手持方向,水平还是垂直,设备的分辨率等。
C. 使用第三方框架 。比如 使用Bootstrap框架,更快捷的实现网页的响应式设计。
D. 像素和屏幕分辨率