Как вы разрабатываете для разрешения 1024x768?

Question

Привет всем, я надеюсь, что задаю этот вопрос в нужном месте и заранее прошу прощения, если это не так.Я совершенно новичок в создании веб-сайтов и все еще в процессе обучения.Мой вопрос не является чем-то конкретным, но я хочу знать, каковы общие правила, которым я должен следовать, чтобы сайт соответствовал разрешению 1024x768?Например, работая в процентах, а не в пикселях.В настоящее время я работаю над 15-дюймовым MacBook Pro с разрешением 1440x900 для справки, если это имеет значение.Надеюсь, это не совсем расплывчатый вопрос, и заранее благодарю за любую помощь.

Answer 1

Это очень сильно зависит от типа сайта, который вы хотите создать.Когда вы учитесь, лучший способ - это посмотреть на другие сайты, которые похожи на то, что вы пытаетесь достичь, и посмотрите на их CSS.Не копируйте их CSS напрямую, но постарайтесь понять, как они реализуют различные части дизайна.

В общем, хотя вы идете по гибкому маршруту макета (лучший способ для общего сайта IMO) , должен предоставить относительные значения для ширины и т. Д., А затем добавить абсолютные значения для минимальных / максимальных значений для ширины и т. Д. Например, у вас может быть что-то вроде следующего для некоторого контейнера div в вашем проекте:

div.contentbox
{
   width:80%;
   min-width:800px;
   max-width:1280px;
}

Возможно, вам придется взглянуть на плавающие div-ы, чтобы убедиться, что они остаются выровненными по краям при разных размерах браузера, вы можете посмотреть на центрирование, используя margin:auto.

Есть множество хитростей, которые вы обычно делаете, чтобы сайт выглядел same-ish в браузерах разных размеров.Лучшее для вас - начать делать это, и, когда у вас возникнет конкретная проблема, Google это (кто-то наверняка сталкивался с подобной проблемой в прошлом) , и если вы нигде не нашли или вам нужнанемного помощи, спросите здесь.

Answer 2

Поищите в Google «960 design»: вы не одиноки, если вы установите ширину содержимого вашего сайта в 960 пикселей, что будет хорошо соответствовать разрешению экрана 1024x768.

Другой вариант, конечно, обычно использовать «плавную» верстку, когда сайт будет хорошо выглядеть при любом разрешении.