2015-12-16 4 views
0

Я использую ширину и высоту 100%, поэтому мой сайт может поместиться в окно браузера.
Проблема заключается в том, что при изменении размера окна содержание веб-сайта также изменяется.
Я не хочу, чтобы содержимое веб-сайта изменялось, вместо этого я хочу, чтобы он сохранял его размеры и добавлял полосы прокрутки.Установите ширину и высоту DIV на 100% и не изменяйте ее размер

Я попытался это:

html,body{ 
    width:100%; 
    min-width:100%; 
} 

И

html,body{ 
    min-width:100%; 
} 

Никакой успех у всех, мне придется использовать JavaScript?

+0

придать ему фиксированную ширину .. – KAD

+0

Попробуйте добавить 'макс-width', а также. Можете ли вы опубликовать JSFiddle вашего текущего кода? – Druzion

+1

@Druzion 100% - 100%. Для меня это похоже на [проблема XY] (http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem), в чем вы точно? –

ответ

1

http://jsbin.com/retovi/edit?html,css,js,output

преобразовать размер текущего элемента 100% до px размера с использованием JavaScript (JQuery)

// So the element is currently at 100% 100% 
// CSS is done. 
// Now jQuery will trigger... 

var $el = $("#element"); 
$el.css({width: $el.width(), height: $el.height()}); 
+0

Что делать, если окно не максимизируется, а затем пользователь максимизирует его ?, разве нет способа получить разрешение монитора, а не разрешение браузера? – user4857867

+0

Это ** отвечает на ваш точный вопрос ** '" 100% ширина и высота, но не изменяйте размер div на размер браузера "'. Измените свой вопрос, чтобы добавить дополнительную информацию о том, что вы на самом деле делаете. –

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