Який найкращий розмір використовувати для відображення повного екрана екрана програми?


12

Я хочу максимально збільшити розмір екрана і уникати смуги прокрутки або переповнення на максимум.

Який розмір ти рекомендуєш?

Я використовую лайтбокс.

Відповіді:


14

Ось чудовий інструмент розміру браузера від Google, який показує, скільки відсотків користувачів побачать різні області вашого веб-сайту. Це дійсно допомагає перевіряти веб-сторінки та гарантувати, що люди на «неглибоких» екранах (більшість ноутбуків мають дуже широкі, але дуже дрібні / неглибокі екрани) бачать ваш важливий вміст та закликають до дії.

інструмент розміру браузера Google

Оновлення : Google тепер додав цю функціональність до Google Analytics, що дозволяє вам бачити, скільки відвідувачі можуть бачити ваш сайт: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html

Google Analytics з новою функціональністю браузера


Графіка - це своєрідне гетто для програми Google, але це виглядає як дуже корисний інструмент, і я припускаю, що вони, ймовірно, регулярно оновлюють відсоткові розбивки, щоб у вас були останні дані щодо розміру екрана.
Lèse majesté

Так, гетто - це правильне слово! Це в Labs, тож я не впевнений, наскільки добре він підтримується, але це відкривачка для очей для дизайнерів з величезними екранами.
nthonygreen

Ах, я помилився. Зображення не генерується в прямому ефірі з даних користувачів. Це просто накладення статичного зображення через веб - сторінку, і здається , що вони не оновили його близько року: browsersize.googlelabs.com/static / ...
образу величності

1
Так само, як швидкий нота-бене, якщо ваш екран ширший за певний розмір, зображення просто повторюється. На моєму iMac розміром 2560x1440 я бачу це майже вдвічі. Це також не справляється із вмістом, орієнтованим на центр.
БР

3
Цей інструмент здається поганим, якщо ваш сайт не має фіксованої ширини, він буде масштабуватись у вашому веб-переглядачі, а накладка абсолютно неправильна.
шовк

2

Це може відрізнятися залежно від сайту та бази користувачів, але багато веб-сайтів все ще підтримують ширину екрана шириною 1024 пікселів (оскільки все ще існує значна база користувачів, що використовує цю роздільну здатність). Тому ви хочете, щоб ваше зображення було достатньо великим, щоб вміститися в простір, який був шириною 1024 пікселів. Скажімо, у вас лівий і правий бік лайтбокса 15 пікселів хрому, і вам потрібно було 30 пікселів на будь-якій стороні, ніж для людей, які мають роздільну здатність монітора 1024 пікселя.

1024 - 30 пікселів (хром лайтбоксу) - 60 пікселів (поля) = 934 пікселів у широкому діапазоні.

Знову ж таки, специфіка може бути різною для вашого сайту, особливо якщо ви хочете, щоб краї лайтбокса лежали в певний момент відносно вашої сторінки або якщо ви намагаєтеся приєднатися до сітки або чогось подібного.


1

Класним рішенням буде завантаження скріншотів із максимальною роздільною здатністю 2560x1600. Потім, коли сторінка завантажується, виявіть розмір вікна веб-переглядача та використовуйте обробник зображень, щоб змінити розмір та зберегти зображення на вашому сервері за першим запитом.

Таким чином люди з моніторами високої роздільної здатності не нехтують.


чи можете ви надійно визначити розмір вікна браузера? можливо .. $(window).width()і $(window).height()в jQuery, здається, дійсні!
Джефф Етвуд

@Jeff - лише кілька разів: stackoverflow.com/questions/2596594/…
Джеремі Бойд
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.