max-width:从字面意思可以看出,是规定元素本身最大宽度，元素本身宽度应小于等于最大宽度值。 min-width:从字面意思可以看出，是规定元素本身最小宽度，元素本身宽度应大于等于最小宽度值。 1、max-width 一般我们在布局时，不想要元素的宽度限定死，并且想要它的实际宽度随其本身内容自 ...
分类：
Web程序 时间：
2018-03-19 23:33:35
阅读次数：
290
media query 是响应式设计的核心，它能够和浏览器进行沟通，告诉浏览器页面如何呈现 @media screen and (max-width:980px){ ... } @media screen and (min-width:980px) and (max-width:1200px){ . ...
分类：
其他好文 时间：
2018-03-04 16:06:45
阅读次数：
153
答案是： 不一定。 相对于父元素宽度的：[max/min-]width、left、right、padding、margin 等；相对于父元素高度的：[max/min-]height、top、bottom 等；相对于继承字号的：font-size 等；相对于自身字号的：line-height 等；相对 ...
分类：
其他好文 时间：
2018-02-28 22:59:48
阅读次数：
351
第十六章 CSS盒模型【上】 一、元素尺寸 属性 值 说明 CSS版本 1、width auto、长度值或百分比 设置元素的宽度 1 2、height auto、长度值或百分比 设置元素的高度 1 3、min-width auto、长度值或百分比 设置元素最小宽度 2 4、min-height au ...
分类：
Web程序 时间：
2018-02-28 18:56:25
阅读次数：
214
<!DOCTYPE html><html lang="zh-CN"><style type="text/css">.navbar-nav .dropdown-menu-width{ min-width: 100px; background-color: black; color: white;}.n ...
分类：
其他好文 时间：
2018-02-28 16:31:03
阅读次数：
163
max-width，min-width ie7以上支持 rgba 只支持ie9及以上浏览器，ie8要用滤镜处理 border-radius 也只支持ie9以上 不需要加前缀 box-sizing ie8以上都兼容 但是要加上前缀 -moz-box-sizing: border-box; -webki ...
day11 CSS盒子模型 盒子模型的概念 盒子模型用来“放”网页中的各种元素。 网页设计中内容，如文字、图片等元素，都可是盒子（DIV嵌套） 宽度属性 宽度：width:长度值|百分比|auto max-width:长度值|百分比|auto min-width:长度值|百分比|auto 高度属性 ...
分类：
Web程序 时间：
2018-02-09 22:27:02
阅读次数：
202
微金所一、媒体查询在响应式开发中使用媒体查询中的screen查询浏览器的宽度来定义不同宽度区间的样式和布局。代码：@mediascreenand(min-width:768px){}@mediascreenand(min-width:992px){}@mediascreenand(min-width:1200px){}或者@media(max-width:767px){}@media(min-wi
分类：
移动开发 时间：
2018-02-06 16:37:53
阅读次数：
200
一、响应式开发1、响应式布局，就是一个网站能够兼容多个终端。2、响应式开发的原理CSS3中的MediaQuery（媒介查询，and之后一定要加空格@mediascreenand(min-width:768px)and(max-width:992px){};通过查询screen的宽度来指定某个宽度区间的网页布局。超小屏幕（移动设备）768px以下小屏设备768px-992px中等屏幕992px-12
分类：
移动开发 时间：
2018-02-05 10:34:02
阅读次数：
182
CSS ` .main div { width: 14%; min width: 160px; padding: 2%; height: 60px; border: 1px solid f4f4f4; float: left; background: fff; } .main div img,.ma ...
分类：
Web程序 时间：
2018-01-28 13:55:15
阅读次数：
298
