Обра у Адаптивного размера изображений: можно ли кодировать максимальную ширину для процентного значения, которое масшта ⇐ Html

[Anonymous]

Я первый плакат, и я очень не уверен, где разместить этот вопрос. Непрерывно варьируется, поскольку ширина просмотра изменяется, но не по ступени.@media screen and (min-width: 2000px), {

.img-photos {
max-width: 70%;
}
}
< /code>
@media screen and (min-width: 1200px), {

.img-photos {
max-width: 80%;
}
}
< /code>
@media screen and (min-width: 500px), {

.img-photos {
max-width: 90%;
}
}
< /code>
where the abovementioned implementation results in abrupt and jerky image resizing as the viewport width crosses the threshold values, I want the images' max-width value to gradually scale from 90% to 70% as the viewport width grows and or 70% to 90% as the viewport width shrinks.
The idea is that I want to use a greater percentage of viewport width on small displays and a lesser percentage of viewport width on larger displays, and I want to avoid the abrupt change when the display width crosses the threshold values.
Is that possible with CSS and HTML?
Has the functionality been worked out with more advanced scripting?
I searched for answers or other instances where a similar question was asked but could not craft a search query that brought up any pertinent info.
Thank you for any advice you may share.

Подробнее здесь: https://stackoverflow.com/questions/794 ... -that-scal