Мой CSS меняется в зависимости от размера экрана

Question

Я видел возможность загрузки разных CSS-файлов [называемых адаптивным веб-дизайном] для разных размеров экрана. Но я хочу знать, есть ли какой-то другой способ, которым я могу поддерживать форму CSS. Я должен отрегулировать ширину строки заголовка, которая должна быть того же размера, что и окно браузера, с некоторым полем справа

<toolbar width="some px value" margin-right="some px value">

Мне нужен интервал в конце экрана браузера Могу ли я каким-то образом получить текущую ширину экрана браузера и, таким образом, соответствующим образом настроить заголовок

Answer 1

«Панель инструментов» по ​​умолчанию отображается как «встроенная».Попробуйте использовать «блок».Посмотрите это fiddle .

Но я не думаю, что «панель инструментов» является действительным html-тегом name (я могу ошибаться).В любом случае старые версии Internet Explorer не могут понять, что делать с определенными тегами (например, с большинством новых семантических тегов html5), и не будут применять к ним какие-либо CSS.Если вы чувствуете необходимость использовать новые семантические теги и все еще нуждаетесь в поддержке старых браузеров, я рекомендую использовать Modernizr .Включение этого в верхней части вашей страницы будет использовать небольшой взлом браузера, чтобы получить поддержку этих тегов даже в старых браузерах.