第16章  参考答案
1. bootstrap是Twitter推出的一个用于前端开发的开源工具包，在bootstrap 4的断点设置如下，阅读理解以下代码片段：
// 默认为手机端样式
// 等于或大于 34*16 = 544px（手机横屏）
@media (min-width: 34em) { ... }
// 等于或大于 48*16 = 768px(平板竖屏)
@media (min-width: 48em) { ... }
// 等于或大于  62*16 = 992px（pc窄屏）
web前端开发笔试题库@media (min-width: 62em) { ... }
// 等于或大于 75*16 = 1200px（ pc宽屏）
@media (min-width: 75em) { ... }
最后再补充一个超大屏断点，一般用于图片居多的站点如视频，购物类站点（单位为em或px都是一样的）
// pc超大屏 1380px
@media (min-width: 1380px) { ... }
  略。
2. 查阅目前市场上常见设备的屏幕分辨率，对响应式网页的CSS media query媒体查询设置相应的断点。
    利用搜索引擎完成查阅。
3. 在CSS样式中练习将页面元素设置为相对尺寸，如字体大小单位为rem，图片尺寸为百分比等。
参考16.2部分。
4. 结合CSS3弹性盒布局，制作响应式网页，当屏幕分辨率小于1000px时，页面为两列内容，当屏幕分辨率大于1000px时，页面显示为三列内容。
  参考16.3部分。
5. 请模仿例16-1尝试制作一个响应式的网页，主题自拟。
  略。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。