<![CDATA[Форум компьютерной помощи — Что сильнее в CSS - width или max-width ?]]> http://itpmr.ru/viewtopic.php?id=856 Sat, 24 May 2014 13:41:55 +0000 PunBB <![CDATA[Re: Что сильнее в CSS - width или max-width ?]]> http://itpmr.ru/viewtopic.php?pid=124178#p124178 А вот еще тест 2:
У картинки 3 указали  атрибут ширины width ="500", его перебил max-width = 150px в стиле .
Если убрать в стиле max-width: 150px; , то картинку 3 растянет до 500.
<html>
<head>
<title>Титл</title>
<style type="text/css">

img {
//width: 300px;
max-height: 100px;
max-width: 150px;
}

</style>
</head>
<body>

картинка 400 на 400 <br>
<img  src="01.jpg"/>
<br><br>
картинка 400 на 260 <br>
<img src="02.jpg" />
<br><br>
картинка 256 на 400<br>
width =500<br>
<img width ="500" src="03.jpg" />   
//  <br>   без width<br>
<img src="03.jpg" />
</body>
</html>

]]> Sat, 24 May 2014 13:41:55 +0000 http://itpmr.ru/viewtopic.php?pid=124178#p124178 <![CDATA[Что сильнее в CSS - width или max-width ?]]> http://itpmr.ru/viewtopic.php?pid=124177#p124177 Надо было выяснить, что в стилях за свойство важнее и приоритетнее width или max-width?
Понятно, что аналогично все и с высотой (height).
По хелпу - max-width перебивает width.
По факту - всё наоборот, картинки тянет до значения ширины width = 300.

Пример файла.
<html>
<head>
<title>Титл</title>
<style type="text/css">

img {width: 300px; max-height: 100px; max-width: 150px; }

</style>
</head>
<body>

картинка 400 на 400 <br>
<img src="01.jpg" />
<br><br>
картинка 400 на 260 <br>
<img src="02.jpg" />
<br><br>
картинка 256 на 400<br>
<img src="03.jpg" />

</body>
</html>

]]> Sat, 24 May 2014 13:08:07 +0000 http://itpmr.ru/viewtopic.php?pid=124177#p124177