Я хочу максимизировать размер скриншота и избежать полосы прокрутки или переполнения для максимума тоже.
Какой размер вы рекомендуете?
Я использую лайтбокс.
images
browsers
screenshot
Стивен Остермиллер
источник
источник
Это может варьироваться в зависимости от сайта и пользовательской базы, но многие веб-сайты по-прежнему поддерживают ширину экрана 1024 пикселя (поскольку при этом разрешении все еще существует значительная пользовательская база). Поэтому вы бы хотели, чтобы ваше изображение было достаточно большим, чтобы поместиться в пространство шириной 1024 пикселя. Допустим, у вас есть 15px хрома на левой и правой сторонах лайтбокса, и вы хотели, чтобы поле с 30-миллиметровым отступом было для людей с разрешением монитора 1024px в ширину.
1024 - 30 пикселей (лайтбокс хром) - 60 пикселей (поля) = изображение шириной 934 пикселей.
Опять же, специфика может быть другой для вашего сайта, особенно если вы хотите, чтобы края лайтбокса лежали в определенной точке по отношению к вашей странице, или если вы пытаетесь привязаться к сетке или что-то в этом роде.
источник
Отличным решением будет загрузить скриншоты с максимальным разрешением 2560x1600. Затем, когда страница загрузится, определите размер окна браузера и используйте обработчик изображения, чтобы изменить его размер и сохранить изображение на своем сервере при первом запросе.
Таким образом, люди с мониторами высокого разрешения не останутся без внимания.
источник
$(window).width()
и$(window).height()
в jQuery, кажется, действительным!