Верстка промо-странички для планшета?

Question

[Koreetz Koreetz]

Всем доброго суток!
Как сделать верстку промо-странички только для планшета? (для презентации используются 2 планшета:
1) Microsoft Surface Pro 4 i5 4Gb 128Gb - разрешение экрана 2736x1824.
2) Samsung Galaxy Note 10.1 2014 Edition P6000 32Gb- разрешение экрана 2560x1600. )

В стилях какие 'media' нужно указывать?
Заранее спасибо)

Answer 1

[Дмитрий Гормаш]

https://www.mydevice.io/ - открой этот сайт через планшет и он тебе отобразит всю необходимую информацию


А что каcается разрешения, то это не конечный брейкпоинт для медиа запроса. Скорей всего у тебя там масштабирование стоит с коэффициентом 1.5, а то и больше.

Comments

[Dymok]

А как это работает? Почему на телефоне с Full HD разрешением он показывает viewport 360px?

[Дмитрий Гормаш]

UnluckySerivelha,


У каждого телефона есть такая тема, как Pixel Ratio (что то типа умножитель, или масштабирование, хз как точно оно называется).

Если надо узнать, какое разрешение экрана по меркам css, надо сперва узнать pixel ratio экрана.
Например, если взять iphone 5 с разрешением 640* 1136 и его pixel ratio = 2, то получается: 640/2 = 320px и 1136/2 = 568px
итого: 320*568 - css размеры твоего экрана.

как то так.

Вот более детально написано в небольшой статье с примерами формул:
qaru.site/questions/49678/what-exactly-is-device-p...

[Dymok]

Дмитрий Гормаш, спасибо