Здравейте,
Опитвам се да направя респонсив дизайн на сайт с bootstrap. Опитвам се да уеднаквя картинките, като те са с различни размери. Някой за по-големи, други по-малки. Идеята ми е да се визуализират с един и същ размер, но и да се преоразмеряват правилно. За всички снимки използвам този клас:
[css]
img {
border:0;
display:block;
max-height:160px;
height:auto;
max-width:100%;
width:100%;
}[/css]
Всички снимки стават с правилна дължина, но височината е различна на всички. Как мога да ги уеднаквя, без да им забивам конкретна стойност в IMG таг-а?
Опитвам се да направя респонсив дизайн на сайт с bootstrap. Опитвам се да уеднаквя картинките, като те са с различни размери. Някой за по-големи, други по-малки. Идеята ми е да се визуализират с един и същ размер, но и да се преоразмеряват правилно. За всички снимки използвам този клас:
[css]
img {
border:0;
display:block;
max-height:160px;
height:auto;
max-width:100%;
width:100%;
}[/css]
Всички снимки стават с правилна дължина, но височината е различна на всички. Как мога да ги уеднаквя, без да им забивам конкретна стойност в IMG таг-а?