下边是代码.div1{ position: fixed; z-index: 9999; background: #ccc; width: 100%; height: 100%; left: 0; top: 0}.div2{ position: absolute; min-width: 320px; ...
分类：
其他好文 时间：
2015-02-04 18:27:03
阅读次数：
109
<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><styletype="text/css">*{padding:0;margin:0;}li{list-style:none;}#div1{min-width:1000px;height:400px;position:relative;overflow:hidden;}#div1ul{..
分类：
其他好文 时间：
2015-02-04 16:50:29
阅读次数：
249
经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题。到底分辨率是多少的时候设置呢？先看下面的代码,这是从bootstrap中遍历出来的，min-width来确认分别是768、992、1200。当然了过去也有 ...
分类：
Web程序 时间：
2015-01-31 19:19:20
阅读次数：
127
乘以包含块的宽度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
关于webApp响应式设计遇到的问题，分享给大家，最近在做一个手机webApp，因为我手机是”米3“，屏幕截图大小是1080宽，所以css样式用@mediascreenand(min-width:1080px){ …… }，来判断屏幕最小宽度是1080px的手机web显示什么样的样式，结果却不能正....
分类：
移动开发 时间：
2015-01-10 23:32:20
阅读次数：
214
响应式图像媒体查询@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }为了给段落添加强调文本，则可以添加 class="lead"，这将得到更大更粗、行高更高的文本网格布局 ...
分类：
其他好文 时间：
2015-01-09 16:49:41
阅读次数：
227
3 2 1 css:.select { min-width: 34px; position: relative; margin-top:2px; display: inli...
分类：
Web程序 时间：
2014-11-24 14:59:57
阅读次数：
150
@media screen and (max-width:767px){ } @media screen and (max-width:480px){ } @media screen and ( min-width:480px) and (max-width:767px){ } @media screen and ( min-width:768px) and (max-width:959px...
分类：
其他好文 时间：
2014-11-24 10:18:09
阅读次数：
144
CSS3 Media Queries一般都是使用“max-width”和“min-width” 两个属性来检查各种设备的分辨大小与样式表所设条件是否满足，如果满足就调用相应的样式。打个比方来说，如果你的Web页面在960px的显屏下显示，那 么首先会通过CSS3 Media Queries进行查询，...
分类：
Web程序 时间：
2014-11-07 20:39:01
阅读次数：
313
http://www.cnblogs.com/double-bin/archive/2011/12/19/2293093.html/* 最小寬度 */.min_width{min-width:300px; /* sets max-width for IE */ _width:expression(d...
分类：
Web程序 时间：
2014-10-31 15:26:38
阅读次数：
245
