2013-08-28 3 views
3

Я хочу изменить размер поля ввода в браузере. могу ли я писать медиа-запрос для каждого браузера, поэтому раздельную ширину для поля ввода в отдельном браузере, например, для mozilla у него будет отдельная ширина на хроме и опера, у него будет отдельная ширина.Запросы для каждого браузера

+0

Вы можете проверить http://browserhacks.com/ – LukyVj

ответ

4

Media queries являются СМИ запросов, не браузера запросов. Они предназначены для проверки определенных свойств окна просмотра, устройства или дисплея. Нет средств массовой информации, которые позволяют тестировать определенный браузер.

+0

Простите меня, сэр, но вы ошибаетесь , браузера может быть направлен с запросом СМИ (смотрите здесь: http://browserhacks.com/) Например, этот медиа-запрос является специфическим для FF + 30 '@media всех и (min-- mz-device-pixel-ratio: 0) и (min-resolution: 3e1dpcm) {} ' Кроме того, использование« @supports »может быть способом нацеливания на определенный браузер, например:' @supports (-moz- внешний вид: meterbar) и (background-blend-mode: difference, normal) {} 'будет нацелен на FF> 30 – LukyVj

+5

@LukyVj: само название сайта должно сказать вам, что на самом деле это не способ ориентации браузера, а скорее хак, который, случается, работает так. Это похоже на CSS-хаки в начале 2000-х годов, которые со временем перестали работать, поскольку браузеры изменились. Выставленное поведение не является результатом спецификации, а скорее причудами в реализации. Они перестанут работать в конечном итоге и не будут поддерживаться (например, если Mozilla непреднамеренно нарушит это, они не будут наклоняться назад, чтобы заставить его работать снова). – Joey

0

Симметричного иметь конкретные CSS для каждого браузера, возможно, потребуется использовать браузер конкретных хаков

Проверьте следующие статьи

http://www.paulirish.com/2009/browser-specific-css-hacks/

Надежда это помогает.

2

Если вы хотите сделать это, вы должны быть в состоянии найти что-то на browserhacks.com, который имеет кучу примеров кода, чтобы объяснить, как получить браузер с css, поэтому для IE вы можете сделать что-то подобное.

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}

Это работает, потому что единственный браузер, что эти правила будут применяться на это интернет-исследователь

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