Изменение размера CSS в соответствии с веб-браузером

У меня есть несколько div на моем коде, все они правильно позиционируются, как я хочу. Единственная проблема заключается в том, что они не изменяются при сжатии страницы. Я хочу, чтобы иметь возможность изменять их в соответствии с размером веб-браузеров. Я не знаю точно, как это сделать, и я волновался, что это может испортить их правильную верхнюю & левую позицию. Все мои divs в настоящее время настроены как абсолютное позиционирование.Изменение размера CSS в соответствии с веб-браузером

источник

2015-08-26 L3SAN

Попробуйте 'width: 100vw', если вы хотите, чтобы ваш div соответствовал от конца до другого в браузере. Кроме того, если у вас есть родительский div, просто используйте 'width: 100%', чтобы вставить его. – chenghuayang

Установите их размеры до значений процента, а не пиксели (я предполагаю, что это то, что вы используете)

источник

2015-08-26 01:13:36

Да, вы правы, однако как бы я знал процент пикселя? Вы можете мне сказать, что у меня есть вершина до 300 пикселей, а левая - 100 пикселей? – L3SAN

Вам не нужно знать процент пикселя ... То, что вы говорите, довольно неясно, казалось бы, вы не понимаете, как работают проценты, они являются процентом их родительского элемента или элементом они находятся внутри, поэтому div с шириной 5% занимает 5 процентов от того, что внутри, так что если его в теле, его 5% тела или 5% всей видимой веб-страницы. –

Установите все дивы со значениями процентов.

Или

Вы можете использовать 'правила медиа' из CSS3:

@media screen and (max-width: 300px) { .div-a { background-color: lightblue; } }

источник

2015-08-26 01:16:03

Да, вы правы, однако как бы я знал процент пикселя? Вы получите, что я скажу, что у меня есть вершина до 300 пикселей, а левая - 100 пикселей. – L3SAN

Вы можете взять пиксель с помощью jQuery. Этот способ: '$ ('# div-a'). Width();' '$ ('# div-a'). Height();' –

Вы можете использовать «медиа-правила» css3. '@media screen и (max-width: 300px) { .div-a { background-color: lightblue; } } ' Вы знаете это? –

Вы в основном 3 варианта

Bootstrap (http://getbootstrap.com/)
Использовать значения процента вместо пикселей
Используйте vh (высота просмотра) и vw (ширина представления). Вот пример: http://jsfiddle.net/7m55nur1/

Обратите внимание, что width: 75vw; сохраняет ширину Div на 75% веб-браузера. То же, что и margin-left: 12.5vw, который сохраняет маржу слева на 12,5% от размера браузера.

источник

2015-08-26 02:14:52 Portujua

Я понял, в основном, что я сделал, чтобы получить ширину (скажем, 300 пикселей) и вычислить процент ширины страницы (в моем случае - 1900 пикселей). Результатом будет 15.789473684210526% , полагая, что точное значение сработало просто отлично! С точностью до пикселя. Я использовал этот инструмент:

http://www.onlineconversion.com/percentcalc.htm

Спасибо всем за ваши ответы!

источник

2015-08-26 02:51:10 L3SAN

Изменение размера CSS в соответствии с веб-браузером

ответ

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