响应式页面开发实战指南:实现多设备适配.pdf

响应式页面开发实战指南:实现多设备适配.pdf

响应式⻚⾯开发

响应式⻚⾯开发的能⼒可以定义为:

利⽤⼀套代码实现⻚⾯的布局和排版以适配不同分辨率

的设备。

响应式⻚⾯开发要求我们解决两⼤问题:

为不同特性(如横屏还是竖屏等)的浏览器视窗使⽤不同的样

式代码

让⻚⾯元素的尺⼨能够依据浏览器视窗尺⼨变化⽽平滑变化

本⼩节的学习⽬标是学会解决上述问题并能够开发这样⼀个经典的移

动端响应式⻚⾯:

我们分3个步骤来实现这样⼀个响应式⻚⾯。

步骤1-添加viewportmeta

在⻚头head内添加viewportm

文档评论(0)

1亿VIP精品文档

相关文档