Уеднаквяване на репонсив снимки

tyrla4eto

Registered
Здравейте,
Опитвам се да направя респонсив дизайн на сайт с bootstrap. Опитвам се да уеднаквя картинките, като те са с различни размери. Някой за по-големи, други по-малки. Идеята ми е да се визуализират с един и същ размер, но и да се преоразмеряват правилно. За всички снимки използвам този клас:

[css]
img {
border:0;
display:block;
max-height:160px;
height:auto;
max-width:100%;
width:100%;
}[/css]

Всички снимки стават с правилна дължина, но височината е различна на всички. Как мога да ги уеднаквя, без да им забивам конкретна стойност в IMG таг-а?
 
Всички снимки стават с правилна дължина, но височината е различна на всички. Как мога да ги уеднаквя, без да им забивам конкретна стойност в IMG таг-а?

Не може хем да се преоразмеряват правилно, хем да имат еднакви размери.

Ако имаш картинка 100х100 и картинка 100х50, то ако искаш всички да са с еднакви размери, ще трябва правоъгълната да стане квадратна - т.е. губиш пропорциите.

Ако искаш да си запазят пропорциите, то тогава правоъгълната ще стане 200х100, за да имат еднакви височини - 100, но дължината на едната ще е 100, а на другата 200.

Няма как всички да имат еднакви размери, ако пропорциите са различни.
 
Значи вариантите са или да ги преоразмерявам преди да ги кача в сайта или да им забия конкретни стойности за височина и дължина за да се получи по начина по който искам?
 
tyrla4eto каза:
Значи вариантите са или да ги преоразмерявам преди да ги кача в сайта или да им забия конкретни стойности за височина и дължина за да се получи по начина по който искам?

Не знам какво искаш. В предишния пост се опитах да ти кажа, че се опитваш да направиш две противоречащи си неща едновременно.

Ако имаш 2 снимки, 100х100 и 200х100, как искаш да излязат на екрана?
 

Горе