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

Post Reply
tyrla4eto
Нов
Нов
Posts: 152
Joined: Sat Aug 20, 2011 6:13 pm

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

Post by tyrla4eto » Sat Jun 16, 2018 9:21 am

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

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

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

User avatar
anonimen
Web-tourist
Web-tourist
Posts: 1547
Joined: Mon Jun 11, 2012 6:07 pm
Answers: 163
Location: Parse error: unexpected "}" in /home/index.php on line 26

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

Post by anonimen » Sat Jun 16, 2018 10:02 am

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

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

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

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

tyrla4eto
Нов
Нов
Posts: 152
Joined: Sat Aug 20, 2011 6:13 pm

Post by tyrla4eto » Sat Jun 16, 2018 3:03 pm

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

User avatar
anonimen
Web-tourist
Web-tourist
Posts: 1547
Joined: Mon Jun 11, 2012 6:07 pm
Answers: 163
Location: Parse error: unexpected "}" in /home/index.php on line 26

Post by anonimen » Sat Jun 16, 2018 3:51 pm

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

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


Post Reply