告诉我b / w的宽度和高度以及(最大/最小)宽度和高度的区别?

时间:2011-07-11 13:44:11

标签: html css

[宽度和高度]与最大/最小[宽度和高度]之间的基本区别是什么?我们应该在哪里使用它们?

提前致谢........

2 个答案:

答案 0 :(得分:1)

宽度/高度为您提供严格的约束。 max-height / max-width告诉您的元素不宽于/高于某个值,但该元素仍然可以小于该值。

当您希望根据所查看的屏幕使网站运行时,通常会使用最大高度/宽度,但无论如何在大屏幕上都不会超大。关于元素的相同 - 您可能希望接受任何大小的图像,但希望确保它们不会破坏您的网站布局。因此,您使用max-width / height。

但它们在IE6中不起作用。如果您需要在IE6中支持最小宽度/高度,您可以使用常规宽度/高度。 IE6无论如何都会将它们视为最小值,并且在内容需要更多空间的情况下将扩展它们。最小/最大宽度/高度在IE7 +

中都能正常工作

答案 1 :(得分:1)

基本区别在于宽度和高度将指定对象的确切宽度和高度。最大/最小宽度和高度将指定对象所需的最大或最小高度和宽度。

假设您有一个想要加载图像的div,但是您希望所有图像都不大于特定宽度或高度,然后使用最小/最大调用将是理想的。

在其他情况下,如果您知道宽度和高度(仅针对特定图像),则不需要最大或最小高度/宽度调用。

同样重要的是要注意,最大/最小高度和宽度调用将覆盖高度和宽度调用。

以下是一些更多信息:

  1. CSS Height and Width
  2. CSS Tests - Min and Max