К слову сказать, на мобильных устройствах многое от браузера зависит, и даже от настроек браузера (в Chrome, например, галочка есть: Полная версия - которая типа переключает вид с мобильной версии на десктопную). Одно точно скажу: разрешение экрана мобильник напрямую с разрешением viewport'а в браузере на мобильнике далеко не всегда связано.
Если бы это было так, то представьте, какими бы вы видели сайты на разрешении в 2560 пикселей, если большинство из них сейчас даже под 1920-то не оптимизированы...
Вообще делать верстку, которая под любые разрешения катит - это то еще занятие
Обычно формируют несколько css файлов стилей, которые подключаются в зависимости от того, какой у клиента браузер/разрешение/ориентация, ну и в этих стилях уже меняется все, вплоть до расположения блоков относительно друг друга (если кончено верстка блочная, а не табличная).
У такого подхода один плюс большой: в портретной ориентации, например, размещаем блок настроек 1 над блоком настроек 2, а в ландшафтной размещаем эти же 2 блока в одну строку, по пол экрана - это я так, приблизительно. А то если просто размеры менять - это не всегда адекватно в итоге смотрится...
Но как вариант - все делать через %. И картинки, и размеры блоков, и размеры шрифтов. Так можно добиться почти одинакового отображения сайта на любых разрешениях. Сейчас как раз один такой проект делаем, масштабируется там практически все. Но при этом приходится все задавать в %, все размеры. И все это дело высчитывать, чтобы смотрелось как надо.