Есть ли способ уменьшить ширину больше минимальной, которую позволяют браузеры?
Может привести к тому, что Chrome и Firefox будут открывать уменьшенное окно путем launching narrow adjustable browser window from JavaScript.
Вот HTML-страница, которую вы можете использовать:
<a href = "javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a>
Это отобразит простую страницу со ссылкой "Open!". При нажатии на ссылку откроется новое окно браузера, размер которого можно изменить больше , чем размер обычной страницы браузера.
В моих экспериментах мне удалось уменьшить Firefox до ширины около 290 пикселей. Chrome мне удалось уменьшить примерно до 200 пикселей.
Другой метод для Chrome - использовать расширение extension OSX Resizer .
Щелкнув по значку расширения, вы откроете текущую страницу в новом настраиваемом окне, которое мне удалось уменьшить до 176 пикселей.
Другой способ для Chrome - использовать Инструменты разработчика и пристыковать их справа.
Стыковка осуществляется путем открытия Инструментов разработчика и нажатия на значок трехточечного меню:
Когда Инструменты разработчика будут пристыкованы справа, вы можете перетащить разделитель между ними, чтобы изменить размер страницы, которая отображается слева.
Минимум, что мне удалось уменьшить таким образом, - это 150 пикселей.
Прикрепляю к посту несколько видео по теме: