Ширина 960 пикселей: как насчет небольших сайтов?

Так что я делаю этот личный веб-сайт с очень маленьким контентом, и если я использую стандартную ширину 960 пикселей, то здесь очень широкие пробелы. Было бы неплохо иметь более короткую ширину, но тогда возникают другие проблемы, такие как плохое изображение на других разрешениях. Что ты предлагаешь?

5 ответов

Решение

Чтобы соответствовать любому разрешению экрана и сделать ваш сайт хорошо выглядящим в любом размере, я бы рекомендовал использовать адаптивный дизайн с использованием Media Queries. Вы можете прочитать эту тему здесь.

Таким образом, вы можете использовать ширину 960 пикселей для посетителей с более широким окном браузера, а затем сделать размер сайта изящным для посетителей, использующих мобильные устройства и т. Д.

Однако не стоит слишком зацикливаться на ширине 960 пикселей, что не является стандартным, а просто форматом, который часто работает хорошо, поскольку 960 - это число, которое легко разделить (для создания столбцов), и ширина которого находится ниже неподвижного довольно распространенное разрешение 1024px.

Вы можете попробовать медиа-запросы, что-то вроде этого

 <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)  href="shetland.css" />

Вы должны начать думать о создании адаптивных сайтов с использованием CSS3 Media Queries.

Я рекомендую Skeleton CSS Framework ( ссылка), довольно легкий и легкий.

Это зависит от вашей веб-страницы. И есть некоторые стандарты для размеров.

Проверьте это: http://www.hobo-web.co.uk/best-screen-size/

Используйте "position=lative" для каждого слоя!!! это устранит вашу проблему с шириной

Другие вопросы по тегам