Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/7: Рейтинг темы: голосов - 7, средняя оценка - 5.00
 Аватар для Jasta
1516 / 573 / 137
Регистрация: 20.02.2016
Сообщений: 3,389

Разрешение экрана в HTML

13.10.2019, 20:13. Показов 1429. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго всем времени суток! Возник такой вопрос, как определяется разрешение экрана в HTML? Например при вёрстке экран iPad Pro имеет разрешение экрана 1366 x 1024, хотя технически оно гораздо больше 2388 x 1668. Так вот как оно определяется, так сказать какой DPI в HTML???
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
13.10.2019, 20:13
Ответы с готовыми решениями:

Разрешение Экрана
У меня проблема в css есть две картинки которые нужно установить в определенную точку на сайте, но данная картинка стоит на разных местах,...

Разрешение экрана
Скажите, под какое разрешение экрана нужно ринетрироватся, как разрешение экрана используется в основном. Дело в том, что появляется полоса...

Разрешение экрана
Заранее извиняюсь, если создал тему не там. Непонимание заключается в следующем: как известно у Apple iPhone 4/4S разрешение экрана...

4
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
14.10.2019, 00:34
Цитата Сообщение от Jasta Посмотреть сообщение
как определяется разрешение экрана в HTML
Почитайте про media query.
1
 Аватар для Jasta
1516 / 573 / 137
Регистрация: 20.02.2016
Сообщений: 3,389
14.10.2019, 09:43  [ТС]
Я знаю что такое медиа запросы. Какое отношение это имеет к сути вопроса???
0
469 / 334 / 144
Регистрация: 16.02.2018
Сообщений: 930
14.10.2019, 11:34
Лучший ответ Сообщение было отмечено Jasta как решение

Решение

Цитата Сообщение от Jasta Посмотреть сообщение
Я знаю что такое медиа запросы. Какое отношение это имеет к сути вопроса???
Вам бы научиться лучше излагать суть вопроса, я бы тоже предложил вам почитать про запросы... HTML ничего не знает ни о каком DPI это всего лишь разметка, это во-первых. Во-вторых, если мы говорим о высокоплотных экранах, то там речь идёт об абстрактных точках, и о том, как они рендерятся. Простыми словами, у вас есть точка на экране с координатами, условно один пиксель, и он состоит из трёх точек, или двух, но при рендеринге, он ведет себя как один. Если бы этого не было, то при оригинальном разрешении экранов, мы бы видели сайты в три/два раза меньших размеров.

Как это определяется в браузере устройства. Есть оригинальный размер, и количество точек на единицу.
К примеру iphone это, 1125x2436, и браузер знает четкое количество этих точек, это 3.
Производит не хитрую математическую операцию 1125/3 = 375 и 2436/3 = 812 итого 375x812 - конечное разрешение.

Поэтому ваш вопрос, никак не относиться ни к HTML ни к CSS, потому что все что выше я описал, происходит на самом устройстве, в ядре его браузера.
1
 Аватар для Jasta
1516 / 573 / 137
Регистрация: 20.02.2016
Сообщений: 3,389
19.10.2019, 20:37  [ТС]
Цитата Сообщение от novichek_1905 Посмотреть сообщение
Вам бы научиться лучше излагать суть вопроса, я бы тоже предложил вам почитать про запросы...
Если я бы мог всё изложить коротко и ясно, то пошёл бы в Яндекс а не на форум. А с медиа запросами мой вопрос связан лишь косвенно. Собственно при запиле мобильной версии моего сайта про 888 casino, мне и пришла эта мысль в голову
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
19.10.2019, 20:37
Помогаю со студенческими работами здесь

шаблон и разрешение экрана....
Помогите пожалуйста мне с этим разобраться! Есть ли способ сделать весь сайт резиновым, т.е. сайт сам подстраивается под разрешение...

Позиционирование шапки (разрешение экрана)
Всем привет. Помогите с позиционированием шапки Сайт http://z-avto.com/ . Именно в шапке картинка справа (машины). Получается, если...

Подстройка слайдера под разрешение экрана
Привет всем! Помогите разобраться плз! В качестве фона сайта использую слайдер jquery. Когда открываешь сайт на экранах большого...

Подстроить сайт под разрешение экрана
Здравствуйте. Столкнулся с вопросом, как подстроить сайт под экран? Т.е, если на одном экране сайт выглядит нормально, то на другом может...

Картинка справа под разрешение экрана
Размещаем новогоднее украшение шапки сайта поверх (соответственно левое украшение и правое украшение). Сами украшения широкие. Задумано,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru