Я хочу максимально збільшити розмір екрана і уникати смуги прокрутки або переповнення на максимум.
Який розмір ти рекомендуєш?
Я використовую лайтбокс.
Я хочу максимально збільшити розмір екрана і уникати смуги прокрутки або переповнення на максимум.
Який розмір ти рекомендуєш?
Я використовую лайтбокс.
Відповіді:
Ось чудовий інструмент розміру браузера від Google, який показує, скільки відсотків користувачів побачать різні області вашого веб-сайту. Це дійсно допомагає перевіряти веб-сторінки та гарантувати, що люди на «неглибоких» екранах (більшість ноутбуків мають дуже широкі, але дуже дрібні / неглибокі екрани) бачать ваш важливий вміст та закликають до дії.
Оновлення : Google тепер додав цю функціональність до Google Analytics, що дозволяє вам бачити, скільки відвідувачі можуть бачити ваш сайт: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html
Це може відрізнятися залежно від сайту та бази користувачів, але багато веб-сайтів все ще підтримують ширину екрана шириною 1024 пікселів (оскільки все ще існує значна база користувачів, що використовує цю роздільну здатність). Тому ви хочете, щоб ваше зображення було достатньо великим, щоб вміститися в простір, який був шириною 1024 пікселів. Скажімо, у вас лівий і правий бік лайтбокса 15 пікселів хрому, і вам потрібно було 30 пікселів на будь-якій стороні, ніж для людей, які мають роздільну здатність монітора 1024 пікселя.
1024 - 30 пікселів (хром лайтбоксу) - 60 пікселів (поля) = 934 пікселів у широкому діапазоні.
Знову ж таки, специфіка може бути різною для вашого сайту, особливо якщо ви хочете, щоб краї лайтбокса лежали в певний момент відносно вашої сторінки або якщо ви намагаєтеся приєднатися до сітки або чогось подібного.
Класним рішенням буде завантаження скріншотів із максимальною роздільною здатністю 2560x1600. Потім, коли сторінка завантажується, виявіть розмір вікна веб-переглядача та використовуйте обробник зображень, щоб змінити розмір та зберегти зображення на вашому сервері за першим запитом.
Таким чином люди з моніторами високої роздільної здатності не нехтують.
$(window).width()
і $(window).height()
в jQuery, здається, дійсні!