CSS Разрешение экрана

Question

Я разрабатываю веб-сайт, если быть более конкретным, этот: http://securitybreak.tk. Проблема в том, что, когда я настраиваю свое разрешение экрана, веб-страница выглядит много иначе, чем в разрешении, которое я ее построил (1600x900). Я пробовал много вещей, таких как:

body{ 
width:100%; 
} 

Но это не работает!

Заранее благодарен!

Answer 1

Вам нужно добавить свойство ширины ко всем элементам, которые вы хотите масштабировать. Не добавляйте его в тело, создайте контейнер. Затем найдите все div внутри.

Я добавляю код здесь, чтобы сделать его более удобным для чтения:

<style> 
    #container 
    { 
     width: 100%; 
    } 
    #left 
    { 
     width: 50%; 
     background: #123456; 
     float: left; 
    } 
    #right 
    { 
     width: 50%; 
     background: #654321; 
     float: left; 
    } 
</style> 

<div id="container"> 
    <div id="left">Left</div> 
    <div id="right">Right</div> 
</div> 

Обратите внимание, что изменение размера экрана и плавно изменяет размер элементов.