Media query

Нет, с точки зрения браузера твой телефон, имея 1280 физических пикселей, имеет всего лишь 640 (или еще меньше, в зависимости от pixel ratio). Так что можешь не волноваться.

Ну и, кстати, видел я еще прием такой, когда media query задается в EM.

Нет, с точки зрения браузера твой телефон, имея 1280 физических пикселей, имеет всего лишь 640 (или еще меньше, в зависимости от pixel ratio). Так что можешь не волноваться.

Когда я игрался, мой телефон открывал десктопную версию, хотя я ставил max-width < 1000px. Можешь привести пример рабочего кода?

А что за телефон/браузер?

Пример приведу через час, когда вернусь к компу.

Samsung Galaxy Alpha: https://hi-tech.mail.ru/review/Samsung_GALAXY_Alpha-rev.html

Браузер дефолтный (Internet).

Мне бы хотелось универсальное решение. Допустим все, что меньше десктопных 1280х1024, получает мобильную версию, где верстка в одну колонку и с шрифтом побольше. Или таки придется учитывать весь спектр девайсов?

Можешь привести пример рабочего кода?

Например https://wordpress.org/themes/twentytwelve/

meta viewport указывал?

плюсую, скорее всего это и есть проблема у автора

В общем, вы были правы. Во-первых, телефон нормально хватает стили для max-width 768px. Во-вторых, указание meta viewport сходу делает сайт читаемым на телефоне. Проблема решена.

Для будущих поколений:

@media screen and (min-width:769px){
стили для десктопа
}

@media screen and (max-width:768px){
стили для телефона
}

<meta name="viewport" content="initial-scale=1">

Может заодно посоветуете, как ютубовские видео ресайзить? Сделал правило для iframe с max-wdith: 100%. На компьютере проблем нет - работает, а вот на телефоне все-равно в полный размер отображается. Соврал, видимо старый css файл закешировался