Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 October 04

МК

Миша Ковальчук... in HTML/CSS — русскоговорящее сообщество
т.е задать ему 1100px было бы хорошей идеей? А потом в зависимости от разрешения с помощью media менять как-то эту  ширину?
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
как-то так, ага
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
вот пример
Telegram
Andry in HTML/CSS — русскоговорящее сообщество
Всем привет. Есть 1 вопрос.

На сайте есть контейнер фиксированной ширины. В зависимости от ширины экрана его ширина меняется.

1170px - ширина по умолчанию.
940px - если ширина экрана <= 1200px (медиа запрос max-width: 1200px).
720px - если ширина экрана <= 992px.
Дальше - 100%, но слева и справа padding'и по 15px.
Внутри контейнера текст и картинки. Какое разрешение использовать для картинок?

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

Но у меня нет телефона с высоким разрешением. Поэтому проверить я не могу. Какое мнение правдивое? Если несложно, можете привести ссылки, где это расписывается?
источник

МК

Миша Ковальчук... in HTML/CSS — русскоговорящее сообщество
если что я говорю вот про этот блок. На всякий случай уточняю) чтоб убедиться что мы об одном и том же говорим)
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
ну этот блок в этом общем контейнере, да
источник

МК

Миша Ковальчук... in HTML/CSS — русскоговорящее сообщество
Igor N
как-то так, ага
а в каких случаях писать проценты или vw? Ты часто используешь проценты или vw?
источник

С

Санжар in HTML/CSS — русскоговорящее сообщество
Vw ещё ни разу не использовал
источник

МК

Миша Ковальчук... in HTML/CSS — русскоговорящее сообщество
Igor N
ну этот блок в этом общем контейнере, да
я имел ввиду задать 1100 пикселей вот этому блоку выделенному..
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
это используется в резиновой вёрстке
источник

С

Санжар in HTML/CSS — русскоговорящее сообщество
Хватает 100%
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Миша Ковальчук
я имел ввиду задать 1100 пикселей вот этому блоку выделенному..
1100px задаёшь контейнеру, а блоку 100%
источник

МК

Миша Ковальчук... in HTML/CSS — русскоговорящее сообщество
Igor N
1100px задаёшь контейнеру, а блоку 100%
не, так у меня сам сайт шире , 1440px, а этот блок 1110. Это в дизайне.
Я могу задать общему контейнеру 1440, а что писать этому блоку? можно написать 1110 пикселей, можно как то марджинами отодвинуть(если это сработает), можно процентами. Как лучше это делать?
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Миша Ковальчук
не, так у меня сам сайт шире , 1440px, а этот блок 1110. Это в дизайне.
Я могу задать общему контейнеру 1440, а что писать этому блоку? можно написать 1110 пикселей, можно как то марджинами отодвинуть(если это сработает), можно процентами. Как лучше это делать?
Маргины, да
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Хотя могу ошибаться, поправьте
источник

С

Санжар in HTML/CSS — русскоговорящее сообщество
Миша Ковальчук
не, так у меня сам сайт шире , 1440px, а этот блок 1110. Это в дизайне.
Я могу задать общему контейнеру 1440, а что писать этому блоку? можно написать 1110 пикселей, можно как то марджинами отодвинуть(если это сработает), можно процентами. Как лучше это делать?
Задай 1110пх и маржин 0 авто
источник

МК

Миша Ковальчук... in HTML/CSS — русскоговорящее сообщество
Санжар
Задай 1110пх и маржин 0 авто
спасибо
источник

МК

Миша Ковальчук... in HTML/CSS — русскоговорящее сообщество
если вы выставлять ширину этому блоку, то из-за слайдера получается что-то такое
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Давай ты всё же перестанешь заниматься разработкой в телеграмме
источник

М

Мерч in HTML/CSS — русскоговорящее сообщество
Можно ли в CSS сделать задержку на display?
Не хочу прост джсом делать анимацию
Таска - при наведении на фотку показывать другую фотку. По верстке они - соседние теги. И нужно сделать транзишн перехода. Его можно сделать с помощью opacity, но вот из верстки "удалить" только дисплеем
источник

無線信号 in HTML/CSS — русскоговорящее сообщество
Мерч
Можно ли в CSS сделать задержку на display?
Не хочу прост джсом делать анимацию
Таска - при наведении на фотку показывать другую фотку. По верстке они - соседние теги. И нужно сделать транзишн перехода. Его можно сделать с помощью opacity, но вот из верстки "удалить" только дисплеем
еще есть visibility: hidden
источник