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

A2
На сайте с 25.11.2020
Offline
25
223

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

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

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

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

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

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

Антибот, антиспам, веб файрвол, защита от накрутки поведенческих: https://antibot.cloud/ + партнерка, до 40$ с продажи.
LEOnidUKG
На сайте с 25.11.2006
Offline
1722
#2

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

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

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
A2
На сайте с 25.11.2020
Offline
25
#3
LEOnidUKG #:

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

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

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

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

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

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

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

А в css:

display: block;

max-width: 100%;

height: auto;

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

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

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

А в css:

display: block;

max-width: 100%;

height: auto;

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

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

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

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

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

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

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

Athens-2021 :

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

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

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

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

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

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

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

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

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

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

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

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

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