以下讨论的是和相关的怎么用css使图片自适应屏幕？ 教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

本篇文章主要介绍了如何实现css图片自适应屏幕的效果。对于新手来说最简单的方法，即图片写在div里面的背景里。这样就能自适应屏幕大小且不会出现横向的滚动条。

css图片自适应屏幕代码示例如下：

background:url(1.jpg) center no-repeat;
background:url(图片地址) 0 0 no-repeat scroll transparent;background-size:100% 100%;
/* 图片固定在ims里面*/

注：在html里面插入图片，如果想让图片自适应屏幕的小而不是宽高固定不变可以在css代码里加入

img { height: auto; width: auto9; width:100%; }

9是hack css 的一种写法，这种在正常css代码后面加"9"的方式，只有IE浏览器才能识别，其他浏览器会忽略这条语句。这样就能做到差异化浏览器，来达到兼容浏览器的目的。

【

关于怎么用css使图片自适应屏幕？的内容写到这里就结束啦，您可以收藏本页网址http://www.alixixi.com/web/ a/2018080995920.shtml方便下次再访问哦。