1、元素居中：指定宽度，然后margin auto 即可.middle{ max-width:400px; //width:400px;//当浏览器被缩小，宽度小于元素宽度时，元素会被遮挡，所以应用max-width，会自动缩小元素以适应浏览器大小。这点对手机浏览器很有用 marg...
分类：
Web程序 时间：
2015-02-04 00:37:07
阅读次数：
163
@media screen and (max-width: 600px) { 选择器 { 属性：属性值； } }通过media属性来实现，比如宽度小于600时，通过@important引入新的样式
分类：
其他好文 时间：
2015-02-02 22:59:36
阅读次数：
165
这是一个非常实用的功能，在网页里难免会出现一些尺寸过大的图片，会将页面撑开或者图片被部分隐藏，我们通常会用css的max-width来加以 控制，但ie6却不吃这套。我在做一个站时，就遇到这种困惑，因为最近也在学习jQuery，就想到用jq来处理这个问题。经过一番思索，觉得这个问题其 实并不难，...
分类：
其他好文 时间：
2015-01-21 13:03:11
阅读次数：
109
乘以包含块的宽度margin,padding,left,right,text-indent,width,max-width,min-width乘以包含块的高度top,bottom,height,max-height,min-height关于包含块（containing block）的概念，不能简单地...
分类：
Web程序 时间：
2015-01-20 21:57:28
阅读次数：
234
-、最大宽/高IE6无法认读max-width,max-height属性，但IE支持自己javascript的属性表达,例如div{width:expression(250+"px")}和div{widt:250px}在IE 的认读中都是一致的！但是，如果在用户在浏览器禁用javascript，那么...
分类：
其他好文 时间：
2015-01-19 22:21:37
阅读次数：
142
(1)在link中使用@media:(2)在样式表中内嵌@media：@media screen and (max-width: 600px) {选择器{属性：属性值；}}//max-width: 600px指屏幕宽度最大为600px;
分类：
其他好文 时间：
2015-01-13 11:57:53
阅读次数：
90
响应式图像媒体查询@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }为了给段落添加强调文本，则可以添加 class="lead"，这将得到更大更粗、行高更高的文本网格布局 ...
分类：
其他好文 时间：
2015-01-09 16:49:41
阅读次数：
227
通过媒体查询的设置，我们可以根据屏幕宽度、屏幕方向等各个属性来加载不同场景下不同的CSS文件来渲染页面的视觉风格。具体的使用方法有以下两种：
1、通过link标签：
2、CSS中直接设置：
@media screen and (max-width:479px) {
/* 具体的CSS属性设置 */
}
正常我们需要响应式Web设计的页面，...
分类：
Web程序 时间：
2015-01-05 16:47:17
阅读次数：
167
试用场景： 2列布局，左侧单张大图，右侧内容不限 左侧图片max-width:100%; height: auto; 右侧内容最外层div设置position:relative; height:0; padding-bottom: (高px值/宽px值)*100%; ...
分类：
其他好文 时间：
2014-12-26 18:27:45
阅读次数：
141
