Веб-сайт HTML5 для поддержки различных разрешений экрана

Question

Я проектирую сайт с одним <div>. Мне нужно спроектировать этот экран для поддержки всех разрешений экрана (для мобильных устройств, ноутбуков, а также для поверхностей). Он хорошо работает с моим экраном во время масштабирования, но когда я пытаюсь открыть веб-сайт с помощью ноутбука, горизонтальная и вертикальная полосы прокрутки автоматически включаются с моей страницей. Может ли кто-нибудь помочь мне избежать появления полос прокрутки с различными разрешениями экрана?

Стиль Я использую:

<style> 
div 
{ 
    background-image: url('../Maps/Plan.png'); 
    width: 1514px; 
    height: 960px; 
    margin: 0px 0px 0px 190px; 
    border: 2px groove; 
    table-layout:fixed; 
} 

.container 
{ 
    margin-right: auto; 
    margin-left: auto; 
    width: 1514px; 
    height: 960px; 
} 
.container:before, .container:after 
{ 
    display: table; 
    line-height: 0; 
    content: ""; 
    clear: both; 
} 

</style> 

Answer 1

Использование Foundation или bootstrap(grid system) он будет заботиться о всех вас.

Answer 2

Чтение вашего вопроса Я пришел к выводу, что вы действительно не знаете, как создать веб-сайт. Поэтому рассмотрите использование учебника. Чтобы узнать, как код, я бы предложил посетить http://www.codecademy.com. Это отличное место для начала, его бесплатно, и вам не потребуется столько времени, чтобы узнать все, что вам нужно.