在自适应布局中，有时候会让图片随着宽度的变化相应的放大或者缩小，或者说让图片等比缩放，但是每个图片的大小又不一样，这个时候我们就要用到max-width这个属性了。 img{ 　　max-width:100%; } 这个属性直接设置在img标签上，这时图片就能缩放了。 但是如果在百分比 ...

　　 前段时间闲来没事研究了一下css的width属性以及min-width和max-width属性，其实平时用的话，并没有发现在这个上面有什么文章可以做，无非元素首先是自适应的，当屏幕宽度到达min-width定义最小宽度的时候会出滚动条，没有到的时候没有滚动条而已。 　　但是事情真的只有如 ...

@media 注意事项 写作顺序问题 这简直是个小技巧，一开始我也十分纳闷。为什么写的有些 @media 没有起作用。原来有这么回事： 我们知道 min-width 表示最小即大于等于 max-width 表示最大即小于等于 但我们也很清楚 CSS 样式 跟 DOM 结构 跟 JS 一样 从前 ...

max-width:规定元素本身最大宽度，即元素本身 (该div) 的宽度应小于等于其最大宽度值。 min-width:规定元素本身最小宽度，即元素本身应大于等于其宽度值。 例：min-width:1000px; 则其区域块大于实际宽度值 关于@media查询（响应式设计 ...

这个博客是基于“Pelican+Markdown+定制的my-gum主题”的。定制的主题将博文正文页面的 右边栏去掉，这导致在Firefox等浏览器中，正文中大的图片会突破正文块的宽度，高度也得不到限制，显示效果非常差。 其原因是：Markdown的图片区块元素![Alt text ...

max-width:从字面意思可以看出,是规定元素本身最大宽度，元素本身宽度应小于等于最大宽度值。 min-width:从字面意思可以看出，是规定元素本身最小宽度，元素本身宽度应大于等于最小宽度值。 1、max-width 一般我们在布局时，不想要元素的宽度限定死，并且想要它的实际宽度 ...

1、使用@media (max-width:640px)时，要从大到小的顺序排放，例如： 2、使用@media（min-width：640px）时。要从小到大的顺序排放，例如： ...

： 1、min-width,max-width的权重高 当元素设置了这2个属性的时候，即使在width后面使用了!impo ...