Как предотвратить изменение размера текста от высоты div? - PullRequest
Новая
       17

Как предотвратить изменение размера текста от высоты div?

1 голос
/ 09 августа 2011

Я работаю на веб-сайте, где отключенный доступ является одним из основных требований. Для этого я реализовал функцию увеличения / уменьшения размера шрифта Javascript, которая прекрасно работает.

Однако элемент div, в котором находится измененный текст, изменяет высоту в зависимости от размера текста, в то время как все остальное остается неизменным. Ширина не изменяется, но свойство высоты, установленное на 100%, не имеет значения. Какие изменения в CSS необходимы, чтобы сохранить фиксированную высоту? таким образом, содержимое нижнего колонтитула и фон элемента содержимого остаются прежними?

Это элемент контейнера, в который вложены все остальные элементы div: 

#container{
  width:1000px;
  height:100%;
  background-color:#FEFFF1;
  margin: 0 auto;
  margin-top:5px;
  text-align: left;
  font-size:1.4em;  
  border: 1px dotted black;
  overflow:scroll;
}

Это элемент содержимого, куда отправляется уникальный для страницы контент: 

#content{
  float:left;
  margin-top: 223px;
  margin-left:250px;
  height:100%;
  width: 70%;
  overflow:auto;
  padding-bottom:120px;
  position:relative;
}

РЕДАКТИРОВАТЬ изменил значение переполнения контейнера на прокрутку, где оно должно было быть изначально.

Ответы [ 2 ]

1 голос
/ 09 августа 2011

Если вы не позволяете контейнерам, содержащим текст, расширяться вместе с текстом, то какой смысл позволять людям изменять размер текста?

Обратите внимание, что размер текста не является проблемой для людей с ограниченными возможностями. Это проблема для всех. Что касается положительных моментов, мы наконец-то подошли к тому, что браузеры добавили его в качестве гораздо более удобной и доступной функции, чем в прошлом. Таким образом, написание собственных виджетов для изменения размера текста на основе JS не так уж сложно, как это было раньше.

Чтобы ответить на ваш конкретный вопрос, высота в CSS относится к высоте страницы (на внешнем уровне) или к какому-либо контейнеру, в который она вложена. Он будет превышать указанную высоту, если это необходимо, если содержимое переполняется, если только вы не укажете значение переполнения SCROLL или HIDDEN, что опять-таки не противоречит цели изменения размера шрифта. Лучше всего убедиться, что ваш дизайн / макет страницы может обрабатывать шрифты переменного размера.

0 голосов
/ 09 августа 2011

Просто укажите фиксированную высоту вместо процента.Как в

...