Я не совсем уверен, что это вопрос для SO, поэтому он может быть перенесен, но сделать это было несложно: http://www.google.com/search?q=webpage+for+every+screen+size
Вы можете выбрать совет, который лучше всего соответствует вашим целям.Диапазон вариантов широк.Для вашей веб-страницы я бы выбрал фиксированный небольшой размер (возможно, уменьшив один столбец для изображений) или ширину: 80%
Параметры (случайным образом выбираемые и сортируемые)
Вы используете таблицу на своих веб-страницах, которая имеет фиксированный размер.Ширина таблицы должна быть зафиксирована на уровне 700 пикселей, и все содержимое вашей веб-страницы находится внутри этой таблицы.
или
Создайте свои страницы в таблицах шириной 100%
или
В поискахСвятой Грааль: http://www.alistapart.com/articles/holyg… http://www.elated.com/articles/choosing-… Как быстро создавать гибкие сайты с использованием таких стандартов, как CSS и XHTML: http://www.ibm.com/developerworks/web/li…
960 Grid System: http://960.gs/
Размер шрифта: http://www.w3.org/QA/Tips/font-size
или
Перед тем, как начать, вам нужно выбрать самое низкое разрешение экрана.Ваш веб-сайт должен быть разработан с учетом самого низкого разрешения.В ходе нашего исследования мы обнаружили, что разрешение 640 x 480 составляет менее 0,5%, поэтому мы полностью игнорируем это.Следующее важное разрешение - разрешение 800 x 600.Некоторые наши посетители используют это разрешение, поэтому мы используем его как самое низкое разрешение экрана.Это означает, что наш веб-сайт должен соответствовать всем разрешениям, равным или превышающим 800 x 600.
или
Лучший совет по разрешению экрана можно получить от эксперта по юзабилитиЯкоб Нильсон.Он говорит, чтобы оптимизировать для 1024 x 768 и сделать ваш сайт «жидким», чтобы он растягивался для любого разрешения.Вы можете просмотреть его подробный совет по этой ссылке: http://www.useit.com/alertbox/screen_resolution.html
или
Флюид в сравнении со статическим макетом
Макет флюида может расширяться и сжиматьсяв зависимости от разрешения экрана пользователя.Если важно включить более низкие разрешения, но вы не хотите иметь совершенно разные дизайны, возможно, вам нужен гибкий макет.Существует множество шаблонов для гибких макетов CSS и HTML.И если вы не хотите использовать шаблон, пользовательское кодирование жидкости не так сложно.Но это для другой статьи.
Статический макет - это макет, который имеет заданную ширину и не изменяется в зависимости от разрешения экрана пользователя.В то время как статический макет можно просматривать на переносных устройствах, пользователям приходится прокручивать в стороны, чтобы просматривать контент, который не помещается на экране, что может раздражать.