大厂h5开发实战手册2响应式页面开发.pdfVIP

响应式⻚⾯开发 响应式⻚⾯开发的能⼒可以定义为： 利⽤⼀套代码实现⻚⾯的布局和排版以适配不同分辨率 的设备。 响应式⻚⾯开发要求我们解决两⼤问题： 为不同特性（如横屏还是竖屏等）的浏览器视窗使⽤不同的样 式代码 让⻚⾯元素的尺⼨能够依据浏览器视窗尺⼨变化⽽平滑变化 本⼩节的学习⽬标是学会解决上述问题并能够开发这样⼀个经典的移 动端响应式⻚⾯： 我们分 3 个步骤来实现这样⼀个响应式⻚⾯。 步骤 1 - 添加 viewport meta 标签 在⻚头 head 标签内添加 viewport meta