Size: a a a

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

2021 January 21

M

Matt in HTML/CSS — русскоговорящее сообщество
Добрый вечер. Имею телефон с разрешением 720x1520. В эмуляторе хрома выставляя это разрешение сайт выглядит норм, а на телефоне плывут элементы сайта. Как решить проблему?
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Matt
Добрый вечер. Имею телефон с разрешением 720x1520. В эмуляторе хрома выставляя это разрешение сайт выглядит норм, а на телефоне плывут элементы сайта. Как решить проблему?
Почитать про разрешение экрана телефонов
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Коротко если — реально надо выставлять там не 720, а 360
источник

M

Matt in HTML/CSS — русскоговорящее сообщество
Igor N
Коротко если — реально надо выставлять там не 720, а 360
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
у меня такой стоит вьюпорт. нормально же вроде всё?
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Matt
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
у меня такой стоит вьюпорт. нормально же вроде всё?
Да это без разницы
источник

IN

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

M

Matt in HTML/CSS — русскоговорящее сообщество
Igor N
Коротко если — реально надо выставлять там не 720, а 360
это только для телефонов или и для планшетов нужно на два делить?
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Matt
это только для телефонов или и для планшетов нужно на два делить?
Да, не только на два. Совет выше ещё в силе
источник

Я

Я in HTML/CSS — русскоговорящее сообщество
Matt
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
у меня такой стоит вьюпорт. нормально же вроде всё?
user-scalable=no — плохая практика. Нельзя запрещать пользователю зумить сайт. Кроме исключений каких-нибудь вроде игр
источник
2021 January 22

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Я
user-scalable=no — плохая практика. Нельзя запрещать пользователю зумить сайт. Кроме исключений каких-нибудь вроде игр
кто сказал?) что плохая практика?
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Игры не исключения, есть кейсы где нужно убирать. Это короче 50/50 но точно не плохая практика
источник

Я

Я in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
кто сказал?) что плохая практика?
Например, в подкасте Веб-стандартов про это было. Вадим Макеев и Никита Дубко обсуждали эту тему, и отключение зума в их диалоге безапелляционно было плохой практикой, кроме исключений
источник

Я

Я in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
Игры не исключения, есть кейсы где нужно убирать. Это короче 50/50 но точно не плохая практика
А какие кейсы? Кроме игр
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Я
А какие кейсы? Кроме игр
ой я щас и не вспомню
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Я
Например, в подкасте Веб-стандартов про это было. Вадим Макеев и Никита Дубко обсуждали эту тему, и отключение зума в их диалоге безапелляционно было плохой практикой, кроме исключений
а кто это такие?
источник

Я

Я in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
ой я щас и не вспомню
Жаль. Потому что я примеров придумать не могу. На обычных сайтах запрет зума как минимум вредит людям с плохим зрением, которые захотят что-то увечилить на смартфоне, чтобы разглядеть получше
источник

Я

Я in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
а кто это такие?
Фронтенд-разработчики. Первый работал в Опере и работает в HTML Academy. Второй в Яндексе работает
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Я
Жаль. Потому что я примеров придумать не могу. На обычных сайтах запрет зума как минимум вредит людям с плохим зрением, которые захотят что-то увечилить на смартфоне, чтобы разглядеть получше
ну это друг мой это в сторону ux/ui
источник

Я

Я in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
ну это друг мой это в сторону ux/ui
Так и что, что это относится к UX? Запрет на зум по-прежнему вредит пользователям с плохим зрением. Не говоря уже про обычных пользователей, которые по каким-то другим причинам заходят позумить сайт. В некоторых мобильных браузерах даже настройка есть, которая позволяет обходить запрет на зум, потому что зачем-то все запрещают
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Я
Так и что, что это относится к UX? Запрет на зум по-прежнему вредит пользователям с плохим зрением. Не говоря уже про обычных пользователей, которые по каким-то другим причинам заходят позумить сайт. В некоторых мобильных браузерах даже настройка есть, которая позволяет обходить запрет на зум, потому что зачем-то все запрещают
Читабельный шрифт
источник