bootstrap .navbar-header 控制button隐藏/显示

bootstrap 的导航条标签做的很完美!我们用这个标签主要解决手机端和PC端适配的问题,结果复制过来不能用。。

检查:是否引入bootstrap.css  js;

再重点检查有没有下面这行代码。

下面是导航条源码

viewport 指的是我们设备显示浏览器的那块区域,这个说起来比较复杂,我们就讲讲它的用法

containt里面的数值,我们姑且把他们称作属性和值,里面有6个属性和值,分别是

width:  设置的宽度,为一个正整数,或字符串"width-device"

initial-scale:  设置页面的初始缩放值,为一个数字,可以带小数

minimum-scale:  允许用户的最小缩放值,为一个数字,可以带小数

maximum-scale:  允许用户的最大缩放值,为一个数字,可以带小数

height:  设置layout viewport  的高度,这个属性对我们并不重要,很少使用

user-scalable:  是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许

补充,initial-scale=1 意思是缩放100%同样也能达到width =device-width的效果,两者都可以用;

那么如果两个都存在,设备会选择哪个来显示呢?答案是,设备会选择最大的那个值来显示

比如:width =600   initial-scale =1 的宽度是580 那么设备会选择width =600的值

 

 

 

你可能感兴趣的:(HTML)