CSS实现图片铺满全屏而且不变形？我想知道您对图片本身的完整显示是否有任何要求？我给你个主意。你可以决定是否可行。我懒得给你举例。找到一张足够大的图片，使其居中

你可以使用CSS按比例压缩图片的高度或宽度。CSS代码如下：IMG，一个IMG{边框：0边距:0填充：0大宽度：590像素宽度：表达式(这个。宽>600？“600px”：这个。宽度)大值-高度：590px高度：表达式（这个。高>600？“600px”：这个。身高)}这样，如果图片的高度或宽度超过600px，就会按比例压缩到600px。如果宽度不超过600px，则按原尺寸显示。例如，如果上载128*30像素，则显示为128*30像素。如果上传1024*768，会按比例压缩到600*450。

公司主营业务：成都做网站、网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出南岔免费做网站回馈大家。在Dreamweaver里怎么调整图片的大小才能是图片不变形？

随着技术的更新和迭代，前端工作越来越繁重和复杂。

CSS技术就像一个数学问题。它有太多的可变性。这就是困难所在。例如，您可以清楚地看到11=2，但是您是否需要考虑11000-101100123的问题？

随着CSS3的出现，CSS不再简单，CSS3动画、变形、渐变、过滤器等

布局有弹性、网格等。就像数学问题一样，任何组合都是一种新类型的问题，变得极其复杂。所以学好基础知识更重要，要有各种知识，扎实的基础知识，看问题类型，有自己的想法，有多种解决方法，不受限制。CSS有复杂和困难的样式，我们可以使用多种解决方案，比如canvas、SVG、真不图像等等。

CSS为什么这么难学？

！

1.我们可以将图像的IMG标签设置为宽度或高度的任意一个，图像将自动等比缩放。下面是代码，如图所示。

2.然后，打开浏览器查看缩放图像效果，如下图所示。

3.我们也可以使用CSS3方法，变换比例，来缩放图像。如图所示。

4.最终的缩放效果如下图所示。

如果要将图片的高度和宽度设置为不超过固定值，则当图片的高度或宽度超过此值时，需要将图片缩小到此大小。

1.对于现代浏览器，如Firefox或IE7及更高版本，可以直接使用两个CSS属性maxwidth和maxheight。

2.对于IE6.0及以下版本，上述两个CSS属性将不会被忽略。在处理这类事情之前，我们经常使用JavaScript。

文章名称：css图片按比例缩放不变形CSS实现图片铺满全屏而且不变形？-创新互联
分享地址：http://hbruida.cn/article/digeds.html