52111-HTML5移动Web开发项目化实战教程 项目4 习题答案.docx

1.视口定义+移动端设置viewport的原因

答：视口是浏览器显示网页内容的区域；移动端默认视口是980px（PC尺寸），会导致页面缩放/布局错乱，设置metaname=viewport可适配移动端屏幕。

例子：移动端不设视口，网页会整体缩小，文字/按钮显示过小。

2.标准移动端视口meta标签+属性解释

答：

标签：

metaname=viewportcontent=width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no

属性作用：

width=device-