проблема с размером шрифта с использованием HTML и CSS - PullRequest
2 голосов
/ 30 августа 2011

Когда я создавал свой первый полностью веб-сайт html / css, я использовал кликабельные изображения в качестве меню, а каждое изображение и div масштабировались в%, чтобы он очень хорошо адаптировался ко всем мониторам и браузерам, и это имело место.

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

так что, хотя, если я просто укажу размер шрифта в%, он, вероятно, будет отлично масштабироваться при увеличении или уменьшении размера отображаемой части окна браузера, он отлично работает со всем остальным, поэтому почему бы не это работает сейчас ...

Я сделал это, и это не работает, я не знаю, откуда, черт возьми, эта вещь получает проценты, если я установил 100% размер шрифта в div, который имеет 2% или 3% размера На странице текст в зависимости от разрешения будет слишком большим или слишком маленьким.

Я знаю, как я могу сделать вещи масштабируемыми в соответствии с окном браузера, но как я могу сделать масштабируемый размер текста в соответствии с этой вещью или самим окном браузера?

ответ, рассказывающий, как сделать это, используя только CSS и HTML, это лучше для меня, я немного разбираюсь в сценариях, но мне не нравится смешивать часть отображения со частью сценария, так что если вы кто-нибудь знает, как это сделать используя только html / css, я буду продолжать использовать кликабельные изображения и проценты или пиксели для всего этого.

спасибо.

Ответы [ 2 ]

2 голосов
/ 30 августа 2011

font-size не работает таким образом.

font-size - это размер относительно размера шрифта его родительского элемента.

В CSS вы не можете изменять размеры шрифтов в соответствиина ширину окна.Тем не менее, это можно рассчитать в Javascript .

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

Другим решением этой проблемы было бы использование гибкой / отзывчивой CSS-инфраструктуры, а затем использование медиа-запросов для настройки размера шрифта в зависимости от ширины браузера, чтобы он всегда выглядел великолепновозможная ширина

Вот несколько примеров:

1140 grid (http://cssgrid.net/)

Skeleton (http://www.getskeleton.com/)

или один, на котором я сейчас работаю (https://github.com/gogogarrett/Muscle)

*)1013 * Надеюсь, это поможет.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...