If themax-widthproperty is set to 100%, the image will scale down if it has to, but never scale up to be larger than its original size: img{ max-width... ...
分类:
移动开发 时间:
2017-08-03 15:06:23
阅读次数:
189
盒模型属性【宽高width/height】(全兼容)
width
height
(IE6-不支持)
min-width
max-width
min-height
max-height【内边距padding】padding【边框border】(全兼容)
border
border-width
border-color
border-style
(IE8-不支持)
border-radius
(IE10-不支持)
border-p_w_pic..
分类:
Web程序 时间:
2017-07-18 11:45:07
阅读次数:
184
@media screen and(min-width:600px) and(max-width:900px) ...
分类:
Web程序 时间:
2017-07-17 18:35:05
阅读次数:
188
例 1 可以把min-width和max-width理解为区间。 ...
分类:
Web程序 时间:
2017-07-15 11:30:43
阅读次数:
273
width默认是auto啊,你设置max-width相当于没设置width,它按默认值auto自然就是图片宽度咯。max-width很多的场景都是和width配合用的:比如设置一个标签,width是(父元素的)80%但是max-width不能超过1200px,那么这个标签就有了一个最基本的可缩放特性 ...
分类:
其他好文 时间:
2017-07-12 16:16:52
阅读次数:
126
一、盒子的基本 通常情况下,盒子的大小刚好容纳其内容。 1. 盒子的大小:width, height 指定盒子大小的单位为像素、百分数或em值。这里百分数表示相对于父元素的比值。如果这个盒子是顶级盒子,那么父元素为窗口。例如: 2. 大小限制:min-width, max-width, min-he ...
分类:
Web程序 时间:
2017-07-09 12:34:43
阅读次数:
168
@media only screen and (max-width:1920px){ html,body{ font-size:60px; }}@media only screen and (max-width:1600px){ html,body{ font-size:50px; }}@media ...
分类:
移动开发 时间:
2017-07-08 00:27:27
阅读次数:
179
@media (min-width: 993px) and (max-width: 1199px) {} @media (min-width: 700px) and (max-width: 992px) {} @media (min-width: 544px) and (max-width: 699 ...
分类:
其他好文 时间:
2017-07-07 11:38:37
阅读次数:
84
一、CSS的继承性 一、CSS的继承性 在CSS中不可继承的属性:display、margin、padding、border、background、width、min-width、max-width、height、min-height、max-height、overflow、position、lef ...
分类:
Web程序 时间:
2017-07-02 10:27:38
阅读次数:
241
前面的话 图像在网页制作中也是常要用到的元素,本文将详细介绍Bootstrap图像 响应式图片 通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性, ...
分类:
其他好文 时间:
2017-07-01 11:04:38
阅读次数:
187