Почему мой div не расширяется с увеличением

Привет, я делаю веб-страницу, но я замечаю, что когда я делаю увеличение страницы с помощью любого веб-браузера, div не расширяет только текст. Как сделать, чтобы div и текст расширялись, и я увеличиваю их?Почему мой div не расширяется с увеличением

Вот как я работаю в css, я делаю позиционирование таким же образом для всей моей страницы.

#pagina_principal{ 
    position:absolute; 
    top:5%; 
    left:5%; 
    width:90%; 
    height:190%; 
    border:solid red 1px; 

} 

#menu{ 
    position:absolute; 
    top:10%; 
    left:5%; 
    width:90%; 
    height:3%; 

} 

#home_principal{ 
    position:absolute; 
    top:0%; 
    left:0%; 
    width:18%; 
    height:100%; 
    border:solid lightgrey 1px; 
}

источник

2014-01-30 James1119

У вас есть ширина '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' ' –

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

Проблема в том, что при масштабировании размер окна НЕ изменяется, поэтому эти элементы сохраняют одинаковый размер.

источник

2014-01-30 15:19:27 BenPog

ОК, спасибо, я докажу, и эта работа отлично, но теперь я сомневаюсь, что могу определить разрешение экрана в теле? например body {width: 2000px; высота: 2000px;}. – James1119

Вы можете сделать это, но вы получите горизонтальные и вертикальные полосы прокрутки, когда ваша страница будет просмотрена в окне размером менее 2000x2000 пикселей. – BenPog

И в метатеге можно задать разрешение экрана? Я спрашиваю об этом, потому что хочу, чтобы мой дизайн поддерживал другие разрешения, например, разрешение мобильных телефонов или что я могу сделать в этом случае? – James1119

Это потому, что вы устанавливаете размеры в% и размере вашего контейнера при изменении масштаба не меняются. Попробуйте использовать пиксели (px) для определения размера или поместить все в некоторый контейнер (например, div) и установить его размер с помощью пикселей.

источник

2014-01-30 15:18:43

Почему мой div не расширяется с увеличением

ответ

Смежные вопросы