Является ли это правилом хорошего тона?

A2
На сайте с 25.11.2020
Offline
22
211

 В css у меня под мобильный размер экрана есть три брекпоинта: 320, 360 и 412. И на каждый брекпоинт я указываю размер изображения.

А то потом покажу сайт какому-нибудь веб-гуру, например вам и вы начнёте: "аха-ха, ты уроки сделал? Иди уроки учи, а потом сайты делай".

Mik Foxi
На сайте с 02.03.2011
Offline
930
#1
Athens-2021 :

В css у меня под мобильный размер экрана есть три брекпоинта: 320, 360 и 412. И на каждый брекпоинт я указываю размер изображения.

А то потом покажу сайт какому-нибудь веб-гуру, например вам и вы начнёте: "аха-ха, ты уроки сделал? Иди уроки учи, а потом сайты делай".

все равно веб гуры найдут до чего доколупаться.

Антибот защита сайта от накрутки поведенческих, от спама, взлома и поиска xss, от хит и клик ботов, от парсинга и кражи контента, снижение нагрузки на сервер - https://antibot.cloud/ Вам все еще конкуренты генерят отказы?
LEOnidUKG
На сайте с 25.11.2006
Offline
1591
#2

"Иди учи уроки" Это прикол СНГ, оскорбление других это норма, какие там правила? 🤣

А зачем указывать именно в CSS размеры изображений? Сейчас же идёт тренд, что надо указывать размеры изображения именно в самой картинке ,а уже потом в DIV регулировать его размеры. А браузеры сами там уже отрегулируют как надо.

✅ Трастовых площадок под размещение статей и ссылок. Опыт 12 лет! ( https://searchengines.guru/ru/forum/675690 ) ⭐ Купить вечные трастовые ссылки для сайта ( https://getmanylinks.ru/?srh ) ⭐ Ускорение ваших сайтов (WP, Opencart и др.) + Настройка сервера ( https://searchengines.guru/ru/forum/997205 )
A2
На сайте с 25.11.2020
Offline
22
#3
LEOnidUKG #:

"Иди учи уроки" Это прикол СНГ, оскорбление других это норма, какие там правила? 🤣

А зачем указывать именно в CSS размеры изображений? Сейчас же идёт тренд, что надо указывать размеры изображения именно в самой картинке ,а уже потом в DIV регулировать его размеры. А браузеры сами там уже отрегулируют как надо.

Расскажи это как?

LEOnidUKG
На сайте с 25.11.2006
Offline
1591
#4
Athens-2021 #:

Расскажи это как?

Смотри тут у товаров которые в конце или в середине: https://kaminlike.ru/topki/

У картинок указан размер в <img

А в css:

display: block;

max-width: 100%;

height: auto;

A2
На сайте с 25.11.2020
Offline
22
#5
LEOnidUKG #:

Смотри тут у товаров которые в конце или в середине: https://kaminlike.ru/topki/

У картинок указан размер в <img

А в css:

display: block;

max-width: 100%;

height: auto;

На этом сайте картинки строго фиксированные и если тянуть ширину браузера, то блок вокруг картинок растягивается и получается большое белое пространство. Я так уже делал, но я отказался от этого - как-то не профессионально.

Елена П.
На сайте с 02.10.2020
Offline
7
#6
Athens-2021 #:
пространство

ТАк правильно !  Или указывать ширину дива - обертки.  Для мобильников самое лучшее решение .    width: 100% - еще лучше.   Блок вокруг растянется , а картинка займет всю ширину , если  прописать пропорции у <img   

А вот то, что у вас картинки фиксированного размера - не есть гуд. 

W1
На сайте с 22.01.2021
Offline
19
#7
Athens-2021 :

В css у меня под мобильный размер экрана есть три брекпоинта: 320, 360 и 412. 

Какие-то странные брейкпойнты. Зачем-то 412...  там есть более популярные точки до 768px. Разве что на вашем сайте разметка специфичная.

Athens-2021 :

А то потом покажу сайт какому-нибудь веб-гуру, например вам и вы начнёте: "аха-ха, ты уроки сделал? Иди уроки учи, а потом сайты делай".

Гуры скорее про srcset начнут говорить.

Когда-нибудь здесь будет форум - https://webinfo.guru –Там я всегда на связи
S
На сайте с 13.10.2014
Offline
156
#8

чтобы не было белых полос, в цсс 3 предусмотрено такое клевое свойство, как object-fit, которое работает на 97% браузеров (кроме осликов и ранних эджей)

https://developer.mozilla.org/ru/docs/Web/CSS/object-fit

A2
На сайте с 25.11.2020
Offline
22
#9
webinfo1 #:

Какие-то странные брейкпойнты. Зачем-то 412...  там есть более популярные точки до 768px. Разве что на вашем сайте разметка специфичная.

Гуры скорее про srcset начнут говорить.

Люди ведь сидят с мобильников 320 и 360 px

S
На сайте с 13.10.2014
Offline
156
#10
Athens-2021 #:

Люди ведь сидят с мобильников 320 и 360 px

всё, что меньше 768 надо просто делать резинкой и всё.

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