css如何让图片不变形
小编给大家分享一下css如何让图片不变形,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
站在用户的角度思考问题,与客户深入沟通,找到桂阳网站设计与桂阳网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:做网站、网站制作、企业官网、英文网站、手机端网站、网站推广、国际域名空间、虚拟主机、企业邮箱。业务覆盖桂阳地区。
css让图片不变形的实现方法:首先创建一个HTML示例文件;然后在body中添加img标签并引入图片;最后通过设置“max-height”或者“max-width”属性来实现图片不变形即可。
如果想要图片不变形就是设置max-height或者max-width中的一个,或固定width或者height中的一个。
max-height与max-width属性设置元素的最大高度和宽度。
属性值:
none 默认。定义对元素被允许的最大高度没有限制。
length 定义元素的最大高度值。
% 定义基于包含它的块级对象的百分比最大高度。
inherit 规定应该从父元素继承 max-height 属性的值。
height与width属性设置元素的高度与宽度。
属性值:
auto 默认。浏览器会计算出实际的高度。
length 使用 px、cm 等单位定义高度。
% 基于包含它的块级对象的百分比高度。
inherit 规定应该从父元素继承 height 属性的值。
示例:
效果如图:
以上是“css如何让图片不变形”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
网页标题:css如何让图片不变形
转载来源:http://scyanting.com/article/igdiod.html