- 1、本文档共13页,其中可免费阅读6页,需付费30金币后方可阅读剩余内容。
- 2、本文档内容版权归属内容提供方,所产生的收益全部归内容提供方所有。如果您对本文有版权争议,可选择认领,认领后既往收益都归您。
- 3、本文档由用户上传,本站不保证质量和数量令人满意,可能有诸多瑕疵,付费之前,请仔细先通过免费阅读内容等途径辨别内容交易风险。如存在严重挂羊头卖狗肉之情形,可联系本站下载客服投诉处理。
- 4、文档侵权举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
响应式⻚⾯开发
响应式⻚⾯开发的能⼒可以定义为:
利⽤⼀套代码实现⻚⾯的布局和排版以适配不同分辨率
的设备。
响应式⻚⾯开发要求我们解决两⼤问题:
为不同特性(如横屏还是竖屏等)的浏览器视窗使⽤不同的样
式代码
让⻚⾯元素的尺⼨能够依据浏览器视窗尺⼨变化⽽平滑变化
本⼩节的学习⽬标是学会解决上述问题并能够开发这样⼀个经典的移
动端响应式⻚⾯:
我们分 3 个步骤来实现这样⼀个响应式⻚⾯。
步骤 1 - 添加 viewport meta 标签
在⻚头 head 标签内添加 viewport meta
文档评论(0)