/*媒介查询*/ @media screen and (min-width: 1000px){ /*当屏幕大小最大为多少时屏幕的颜色，and后面要加空格*/ li{ width: 200px; height: 200px; outline: 1px solid black; text-align: ...
分类：
其他好文 时间：
2017-09-03 14:08:53
阅读次数：
138
关于导航按钮在其他尺寸下显示问题1.Bootstrap第4177行@media (min-width: 768px) { .navbar-header { float: left; }}修改为@media (min-width: 992px) { .navbar-header { float: le ...
分类：
其他好文 时间：
2017-09-01 14:31:19
阅读次数：
121
respond.js插件实现原理 接下来，需要理解respond.js的实现思路： 第一步，将head中所有外部引入的CSS文件路径取出来存储到一个数组当中； 第二步，遍历数组，并一个个发送AJAX请求； 第三步，AJAX回调后，分析response中的media query的min-width和m ...
分类：
Web程序 时间：
2017-08-31 16:07:04
阅读次数：
211
@media query 媒体查询 @media （min-width:768px）小屏 （>=） @media （min-width:992px）中屏 @media （min-width:1200px）大屏 （默认超小屏 小于768px） @media （max-width:1199px） 大屏（ ...
分类：
其他好文 时间：
2017-08-31 11:10:13
阅读次数：
201
使用模板：darkgreentrip 1 #home { 2 margin: 0 auto; 3 width: 80%;/*原始65*/ 4 min-width: 980px;/*页面顶部的宽度*/ 5 background-color: rgba(245, 245, 245, 0.7); 6 pa ...
分类：
其他好文 时间：
2017-08-18 13:35:39
阅读次数：
206
@media screen and (min-width:1200px){ #page{ width: 1100px; }#content,.div1{width: 730px;}#secondary{width:310px} } @media screen and (min-width: 960p ...
分类：
其他好文 时间：
2017-08-09 18:35:59
阅读次数：
222
版心可以用div.classname实现，也可以直接定义到body上实现。 如果header 和 footer需要横向占满，content有宽度限制，可以用div.classname实现（淘宝）; 如果是对整体的宽度进行限制，可以定义到body上（京东）。 .banxin { min-width:3 ...
分类：
其他好文 时间：
2017-08-09 18:05:28
阅读次数：
126
<link rel="stylesheet" href="css/1.css" media="(max-width:479px)"/><link rel="stylesheet" href="css/1.css" media="(min-width: 480px) and (max-width: 7 ...
分类：
其他好文 时间：
2017-08-05 21:54:15
阅读次数：
211
盒模型属性【宽高width/height】(全兼容)
width
height
(IE6-不支持)
min-width
max-width
min-height
max-height【内边距padding】padding【边框border】(全兼容)
border
border-width
border-color
border-style
(IE8-不支持)
border-radius
(IE10-不支持)
border-p_w_pic..
分类：
Web程序 时间：
2017-07-18 11:45:07
阅读次数：
184
@media screen and(min-width:600px) and(max-width:900px) ...
分类：
Web程序 时间：
2017-07-17 18:35:05
阅读次数：
188
