Можно ли выставить разрешение iframe окна?

Question

[Winner777]

Мне необходимо разработать страницу для разных разрешений экрана, подстраиваясь под различные мобильные устройства. Понта ради и для удобства я хочу отдельно поднять страницу для просмотра моего творения сразу во всех разрешениях на одном экране (1920на1080). То есть я хочу уместить на нем сразу несколько вариантов, приблизительно вот так: i.imgur.com/wkJyrM3.png и при наведении или нажатии на отдельное окно оно будет открываться в оригинальных размерах.
Но необходимо сохранить разрешение экрана внутри фреймов. То есть задать внешние и внутренние размеры для фрейма. Canvas окно насколько мне известно реализовано именно так.

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

Answer 1

[Сергей Протько]

Воспользуйтесь какими эмуляторами лучше, например тем, что идет в хроме.

В целом, вас не должно волновать какое разрешение у телефона, 320*480 или 1920*1080. Браузер оперирует виртуальными пикселями, то есть на крутом телефоне с плотностью пикселей на дюйм больше 400 в контексте web разработки вы все еще имеете виртуальное разрешение в 320 на 480.

Единственное что есть нюансы с подготовкой графики, но проблемы вы сможете только на реальных девайсах обнаружить.

Comments

[Winner777]

Я просмотрел несколько эмуляторов. Из них я не нашел, какой способен отображать сразу несколько девайсов в пределах одного экрана.

Правильно понимаю, что если я желаю увидеть на разных телефонах одинаковую картинку, то мне как минимум необходимо избавиться от единиц измерения px и делать адаптивную верстку, а для проверки отображения на разных разрешениях достаточно учитывать соотношение сторон?

[Сергей Протько]

@Winner777, можно и в пикселях. Просто следует выкинуть из головы концепцию "одинаковой картинки". А по поводу адаптивной верстки - это да, нужно просто максимально продуктивно использовать доступное пространство.

[Winner777]

@Fesor и все-таки считаю свою затею актуальной в плане удобства. Всё лучше видеть сразу несколько вариантов, чем переключаться между эмуляторами или просто разрешениями.

[Сергей Протько]

@Winner777, ну так сделайте себе страничку с iframe-ами разных размеров и радуйтесь. Еще можно просто пару окон браузера открыть и лайв релоад подключить.