Объясните, следующее. Тут по ссылке написано про вёрстку под 4К Тестирование верстки сайта в 4K без монитора 4K? https://qna.habr.com/q/422459
>4к(и выше)-монитор пользуют в hidpi-режиме, в котором разрешение эквивалентно fullhd
>мониторы с ретина дисплеем в большинстве случаев работают как FullHD мониторы с соотношением x/2, где x
физическая ширина монитора
ОБЪЯСНИТЕ, ПОЖАЛУЙСТА, ЭТИ 4К, 5К, 8К МОНТИОРЫ ОНИ С ПОМОЩЬЮ HIDPI КАК РАБОТАЮТ? ОНИ ПРИВОДЯТСЯ К FULLHD 1920 x 1080 ИЛИ ВСЁ-ТАКИ ТАМ ФИЗИЧЕСКАЯ ШИРИНА МОНИТОРА ДЕЛИТСЯ ПОПОЛАМ. ОБЪЯСНИТЕ, Я НИХУЯ НЕ ПОНЯЛ!
— Симнадцать…
- И як довго тоби симнадцать?
— Вже так…
- Ти не куриш чи не п'єш чи матом не ругався. Я знаю хто ты!
— Кажи Белла, кажи гласно!
- Ти - КРОВОСИСЯ!
>ANONIMKIN! КАК ВЕРСТАТЬ html, css ПОД БОЛЬШИЕ 4К, 5К, 8К МОНИТОРЫ?
1.Чтобы приблизительно увидеть, как будет выглядеть твой сайт на большом мониторе, можно в браузере поменять масштаб плюсиком и минусиком
2.Обычно сайты делаются под меньшее разрешение. Ты можешь свой главный див (html, body или div-container) сделать по ширине фиксированным (типа 1200 px или 1400 px) и отцентровать с помощью margin: 0 auto
Это самый просто вариант. Так, например, сделано на озоне.
Я читал https://qna.habr.com/q/422459
И нихуя понять не могу, что такое HiDPI, там физическая ширина большого монитора 4,5,8К на пополам делиться? Или всё там приводится к 1920 на 1080?
Ненужно ничего под них верстать, пусть страдают
На 4к всё выглядит милипиздически поэтому посадив человека в обычный ворд он ахуееет от того что нихуя не видно. Соответственно на сайтах мелких шрифт и нихуя не читабельно. Чтобы это пофиксить придумали масштабирование, когда вместо одного размера шрифта должен использоваться другой, в разы более высокий. Само собой масштабируются и картинки, и из четкой картинки получается мыльное хуй пойми что. Если программа не оптимизрована, то она тоже мыльная хуйня. Под 4к сидеть невозможно за исключением просмотра специализированного хдр кинца, которое в open matte(без ебучих черных полосочек сверху и снизу) можно сосчитать по пальцам. ИГрать невозможно потому что нихуя не прочитать
Зачем тебе это? Ты сейчас тратишь свое время впустую. Как человек, который покупает велосипед и донимает продавца вопросами "а как крутить педали в воде, если я в речку упаду? Может быть добавить воздушных полостей? Может педали облегчить, чтобы сразу на дно не пойти?"
У нас дизайнеры присылают макеты общей шириной до 1900 пикселей. А рабочая ширина, то-есть ширина контекта с дивами, блоками и букавами - 1200-1400. Да, на ультра-больших мониторах это будет выглядеть как полоска в середине. Но сайт все равно будет читабельным. Попробуй еще в тематику заглянуть. Где-то была доска верстальщиков
Зачем тебе это? Ты сейчас тратишь свое время впустую. Как человек, который покупает велосипед и донимает продавца вопросами "а как крутить педали в воде, если я в речку упаду? Может быть добавить воздушных полостей? Может педали облегчить, чтобы сразу на дно не пойти?"
У нас дизайнеры присылают макеты общей шириной до 1900 пикселей. А рабочая ширина, то-есть ширина контекта с дивами, блоками и букавами - 1200-1400. Да, на ультра-больших мониторах это будет выглядеть как полоска в середине. Но сайт все равно будет читабельным. Попробуй еще в тематику заглянуть. Где-то была доска верстальщиков
Тут https://qna.habr.com/q/422459
Тестирование верстки сайта в 4K без монитора 4K?
что-то про какой-то HiDPI написано. И из написанного я понять не могу, что там с 4,5,8 К монитором делается? Там физическая ширина на пополам делится? Или всё приводится к фул хд 1920 на 1080?
Использовать относительные единицы измерения.
Потому что я читал книгу responsive web design как я понял там идея всё верстать в em-ах. Все ширины и отступы. А затем в зависимости от ширины монитора менять размер базового шрифта, например, javascript'ом. И тогда на большом мониторе типа всё будет также пропорционально.
Это же тяжело, неужели без этого не обойтись? Какой кошмар. А графика-картинки на больших мониторах будет выглядеть как говно?
хидпи это масштабирование на сленге гну/линукс. На винде можешь чекнуть что это такое через параметры дисплея, либо настройки драйвера. Да, с ним разрешение чуть уменьшается в зависимости от того какое ты поставил, но при этом ебически увеличиваются иконки, шрифты, картинки, окна программ, чтобы ты мог разобраться
Ничего сложного. С картинками проблем нет.
>А графика-картинки на больших мониторах будет выглядеть как говно?
да
Встаёт негр: -Пятнадцать годин, батьку, семнадцать хвилин.
-Сидай сынку, я и так бачу шо ты не москаль.
>>256592355
Кек, про картинку джва противоположных ответа
>С картинками проблем нет.
Под большой монитор нужно картинку совать с большим количеством пикселей?
Если картинка в очень низком разрешение, то и на фулхд будет как говно выглядеть. А если на фулхд норм то и на 4к пойдет.
Тупой вопрос, вроде очевидно что ДА.
Суешь картинку 999999999x999999999 и на всех экранах она будет четко выглядеть.
Как тупой вопрос? У меня нету 4К,5К,8К монитора, я не ебу как там чё выглядит. Я че ебу что ли? А? Я чё ебу что ли? А? А? А? А? А! Я ебу что ли, а? А? А?
Желательно. Тег picture умеет подсовывать нужную картинку в зависимости от разрешения монитора.
>Кек, про картинку джва противоположных ответа
Всё просто. Представь старый монитор 4:3 или 5:4 на котором ты дрочил на фотки одноклассниц или подружек брата, и там все фотки выглядели классно. Затем перешли на 16:9 и они будто бы стали мыльными, но постепенно ты привык, плюс качество камер у мобилок улучшилось. И если разница между 5:4 и 16:9 в 2 раза, то между фулхд и 4к в 4 раза. Само собой большинство картинок фоток будет выглядеть как говно. А все потому что используются устаревшие 72дпи по умолчанию
>>256590370 (OP)
Virtual Super Resolution у амуды, или аналогичная хуйня от нвиде, должны помочь.
>>256592768
Что-то вы меня грузите большим количеством информации. Вот бы гайд какой найти или видосы как верстать под большие мониторы. Я ищу видосы и нихуя найти не могу. Вот под мобильники объясняют. Про мониторы - хуй.
Я кстати застал квадратные ЭЛТ-мониторы, но про качество фоток уже не помню. Забылось.
> И если разница между 5:4 и 16:9 в 2 раза, то между фулхд и 4к в 4 раза.
Эта разница уже нихуя не так заметна. Если пересесть с жигуля на иномарку, то разница огромна. А если пересесть с иномарки на машину классом выше то разница уже не такая большая, даже если новая машина в 4 раза дороже.
Да потому что никаких больших особенностей то и нет. Юзай относительные единицы. Вообще даже не на 4к юзай, это good practice.
Типа на мониторы любого размера херачить всё в rem'ах? И типа джаваскрипт должен измерять viewport и менять корневой шрифт в зависимости от ширины viewport'a? А вместе со шрифтом всё остальное должно подстроиться, все размеры и отступы?
У меня тоже нету, но как то же к этому пришел? Я просто разработчик игр и всегда добавлял поддержку под разные экраны от 800x600 - 4:3 до 16:10, в процессе понял что чем больше родное разрешение картинки, тем лучше оно будет сжиматься на других экранах.
Я читал, что когда картинку с большим разрешением вставляют в экран, где пикселей сильно меньше, чем в разрешении картинки. То случается какое-то дерьмо и картинка плохо выглядит на таком экране.
>>256590370 (OP)
>У меня нету 4К,5К,8К монитора, я не ебу как там чё выглядит. Я че ебу что ли? А? Я чё ебу что ли? А? А? А? А? А! Я ебу что ли, а? А? А?
1. Открываешь хрюм девтулз.
2. Жмакаеш кнопочку.
3. Выставляешь нужное тебе разрешение.
4. Смотришь как оно выглядит.
5. ??????
6. Profit.
Тег picture тебе в руки.
А как это будет выглядеть, если HiDPI применено?
Хз. Можешь вот эту хню попробовать: >>256592768