全屏图像可防止拉伸

时间:2014-07-03 10:56:12

标签: html css

我正在尝试制作图像全屏图像(非背景),但它在大屏幕尺寸上拉伸。

无论屏幕大小如何,有没有办法让它保持不变?

我知道有一种方法可以通过使用封面大小和宽度/高度100%来全屏显示背景图像但是可以使用图像进行操作吗?内联图片?

通过缩小来检查,拉伸滑块上的图片。

谢谢,非常感谢任何帮助!

2 个答案:

答案 0 :(得分:0)

将高度保持为空并将宽度设置为100%。如果您需要固定高度,请使用背景图片,但“封面”不是100%

http://www.w3schools.com/cssref/css3_pr_background-size.asp

答案 1 :(得分:0)

一种方法是将图像放在一个恒定大小的div中,如下所示:

<div style="height:100px; width:100px"><img src="etc/etc.png"></div>