css如何让图片自适应屏幕大小?

在前端的页面设计的时候经常要用到图片,有的时候不知道屏幕的宽度,要自己适应屏幕的宽度,这样减少了出现不适应的浏览器的兼容问题那么怎么来处理图片大小自适应的问题呢 ?

css如何让图片自适应屏幕大小?

让图片自适应屏幕大小只需要给img标签添加css样式:max-width: 100/strong>即可,这样图片的宽度就不会超出屏幕,而是会和屏幕保持一致。

不做任何的设置,我们可以看见,图片超出屏幕宽度,出现了滚动条。(相关课程推荐:css视频教程

让图片自适应,给img添加如下css即可。

img{
    max-width: 100
}

最大宽度为屏幕宽度,达到了自适应屏幕的效果。

本文来自css3答疑栏目,欢迎学习!

以上就是css如何让图片自适应屏幕大小?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读