zyx210603的博客

我尝试跟随教程完成黑马课程的一半时，意识到我需要掌握JavaScript的知识。因为本效果图采取 1280的宽度， 而Bootstrap 里面 container宽度 最大为 1170px，因此我们需要手动改下container宽度。④ 策略： 我们先布局 md以上的 pc端布局，最后根据实际需求在修改 小屏幕 和 超小屏幕的 特殊布局样式。③ 屏幕缩放发现 超小屏幕布局又发生变化，因此我们需要为 超小屏幕根据需求改变布局。② 屏幕缩放发现 小屏幕 布局发生变化，因此我们需要为 小屏幕根据需求改变布局。

Bootstrap 来自 Twitter（推特），是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS 和 JAVASCRIPT 的，它简洁灵活，

苏宁网首页案例制作设置视口标签以及引入初始化样式<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <link rel="stylesheet" href="css/normalize.css">设置视口标签以及引入初始化样式 <meta name=

语法：起始方向颜色1,颜色2, ...);背景渐变必须添加浏览器私有前缀起始方向可以是： 方位名词 或者 度数 ， 如果省略默认就是 top。

就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方式。

meta视口标签的主要目的：布局视口的宽度应该与理想视口的宽度一致，简单理解就是设备有多宽，布局的视口就多宽。视口（viewport）：浏览器显示页面内容的屏幕区域，视口可以分为布局视口、视觉视口、和理想视口。一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。在标准的viewport设置中，使用倍图来提高图片质量，解决在高清设备中的模糊问题。