1、display block块级元素（div、p等） inline 行内元素（a、span等） 常见的例子：把li修改成inline ，制作成水平菜单2、max-width 来适应不同浏览器窗口大小，IE7+都支持这一属性3、box-sizing:border-box 将元素设置这一属性时，元.....
分类：
Web程序 时间：
2015-08-02 07:46:37
阅读次数：
149
css代码：img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width590?590px:this.width); max-height:590px; height:expression...
分类：
Web程序 时间：
2015-07-31 17:51:39
阅读次数：
109
原文地址:http://caibaojian.com/respondjs.html实现思路1.把head中所有的css路径取出来放入数组2.然后遍历数组一个个发ajax请求3.ajax回调后仅分析response中的media query的min-width和max-width语法，分析出viewp...
分类：
Web程序 时间：
2015-07-29 11:55:13
阅读次数：
124
@media screen and (min-width:800px) and (max-width:1060px){ li{ font-size:10em; }}意味着，在屏幕上(而不是打印机)并且当最小像素为800，最大像素为1060时应用括号内的样式因为css(层叠样式表)后...
分类：
其他好文 时间：
2015-07-23 23:42:51
阅读次数：
128
可能的原因是 多了这行img的设置， 把这个设置去掉即可 img { ? /* make images responsive */ ? max-width: 100%; } 覆盖的代码? .media-left img{ ? max-width:none; ?} 原因是? ?media-left?是个table...
分类：
其他好文 时间：
2015-07-08 19:15:46
阅读次数：
126
方法一：用css3的媒体查询来设置html {font-size:12px}@media screen and (min-width:480px) and (max-width:639px) {html {font-size: 15px;}}@media screen and (min-width:...
分类：
移动开发 时间：
2015-07-08 10:44:02
阅读次数：
166
.container 类用于固定宽度并支持响应式布局的容器。.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。/* 超小屏幕（手机，小于 768px） */@media (max-width: @screen-xs-max) { ... }/* 小屏幕...
分类：
其他好文 时间：
2015-07-06 11:57:22
阅读次数：
102
@media print {color: red;}/* 手机等小屏幕手持设备 */@media screen and (min-width: 320px) and (max-width: 480px) {body {background: yellow;}}/* 平板之类的宽度 1024 以下设备...
分类：
其他好文 时间：
2015-07-06 11:44:30
阅读次数：
82
@media (max-width: 768px) { /*超小屏幕设备 手机*/}@media (min-width: 768px) and (max-width: 992px) { /*小屏幕设备 平板*/}@media (min-width: 992px) and (max-wid...
分类：
其他好文 时间：
2015-07-06 11:42:20
阅读次数：
269
@media all and (min-width:840px) //所有最小水平屏幕宽度为800像素的屏幕应用规则@media (min-width:800px) //简写方式，同上@media (min-width:800px) and (max-width:1200...
分类：
其他好文 时间：
2015-07-05 23:42:57
阅读次数：
174
