css:实现图片自适应大小

在编写网页时,如果图片大小事先是未知的,如果图片过大的话,会影响的网页中其他块的结构

使用css可以将图片的大小调整到一个固定的值

#mian img{

max-width:170px;

width:170px;

width:expression(document.body.clientWidth>170?"170px":"auto");

max-height:180px;

height:180px;

height:expression(document.body.clientWidth>180?"180px":"auto");

overflow:hidden;

}

在如下html代码中


在mian样式的块中img标签图片的大小会被固定在170px*180px

-->

如果图片的大小是事先未知的,这样设置可以使,图像的大小固定,从而不影响网页中其他块的结构




来自:http://www.cnblogs.com/suiyu/archive/2012/04/16/2452789.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,798评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,331评论 0 11
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,196评论 0 11
  • CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高...
    tiandashu阅读 318评论 0 2