Как задать ширину изображений на адаптивном сайте?

12
TF-Studio
На сайте с 17.08.2010
Offline
334
#11

Вы не тесты проходите, а о юзерах подумайте

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).
Onix03
На сайте с 11.07.2012
Offline
85
#12

---------- Добавлено 13.02.2016 в 19:33 ----------

TF-Studio:

Вы не тесты проходите, а о юзерах подумайте

Я не сам верстку делал, там когда заходишь со смартфона совсем другой сайт загружается.

А тестовые сайты, почему то, это не учитывают! Поэтому криво отображают.

TF-Studio
На сайте с 17.08.2010
Offline
334
#13

Onix03, вы можете спорить и доказывать сколько угодно, а можете прислушаться к советам, бывает люди со стороны видят более полно картину.

Ваш выбор.

LH
На сайте с 26.09.2013
Offline
89
#14

Обратите внимание, что вы указали лишь медиа метку в 768px. Все, что больше 768 не будет учитывать это правило.

Для того, чтобы изображение было всегда адаптивным достаточно прописать в css:

img {

max-width: 100%;

}

Лично на моем квадратном мониторе сайт не встал. Сайт у вас далеко не адаптивный.

Onix03
На сайте с 11.07.2012
Offline
85
#15
TF-Studio:
Onix03, вы можете спорить и доказывать сколько угодно, а можете прислушаться к советам, бывает люди со стороны видят более полно картину.
Ваш выбор.

Я не спорю, специалистом не являюсь, смотрел на нескольких смартфонах сайт нормально работает, происходит переход на адаптивную версию, все видно.

---------- Добавлено 13.02.2016 в 21:16 ----------

Leonid H:
Обратите внимание, что вы указали лишь медиа метку в 768px. Все, что больше 768 не будет учитывать это правило.

Для того, чтобы изображение было всегда адаптивным достаточно прописать в css:
img {
max-width: 100%;
}

Лично на моем квадратном мониторе сайт не встал. Сайт у вас далеко не адаптивный.

Мобильные тесты поисковиков Яндекс Гугл проходит. Со смартфона все норм. Почему не адаптивный, что то не доделано может? Что именно подскажите?

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#16
Leonid H:

img {
max-width: 100%;
}

Это далеко не для всех браузеров. Для современных обязательно добавить height: auto; Да и width: 100% - желательно, так как у Edge и Фаерфокса свои фокусы с max-width. Не всегда очевидные.

А для того же IE 11 (и меньше) еще указать Максимальную ширину и высоту.

Поэтому лучше бы использовать тот код, что я писал выше.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий