Как применять css-логику

Question

Я хочу другой CSS для разных браузеров.

Для экс: -

я хочу, чтобы ширина быть 25.5% в хроме и 24.4% в IE. так что я должен делать

вот мой HTML: -

<tr> 
       <td id="flattdhist" runat="server" class="label" style="width: 25.5%; font-size: 120%; 
        font-family: Courier New; float:left;"> 
        Flat status history 
       </td> 
      </tr> 

В настоящее время он работает нормально для CHROME, но в IE его слегка получать беспокоили. Что делать?

Answer 1

Возможно, вам понадобится создать отдельную таблицу стилей и использовать условные комментарии для каждого, если вам нужно настроить таргетинг на определенную версию IE.

<!--[if IE]> 
<link rel="stylesheet" href="ForIEOnly.css"> 
<![endif]--> 

Пожалуйста, обратитесь: https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx

Answer 2

обнаруживая IE 11 больше не поддерживается корпорацией Майкрософт с помощью CSS. Возможно, было бы лучше определить, доступна ли вам данная функция.

Например, вы можете обнаружить, если браузер может сделать HTML5 видео:

if(!!document.createElement('video').canPlayType === true) { 
// run some code that relies on HTML5 video 
} else { 
// do something else 
} 

Вот некоторые ссылки на ссылки:

How do I detect the user’s browser and apply a specific CSS file?

https://www.w3.org/community/webed/wiki/Optimizing_content_for_different_browsers:_the_RIGHT_way

Answer 3

Раствор ISN чистый CSS» t в зависимости от того, что я знаю, но если вы хотите использовать js, вы можете это сделать

var curBrowser = navigator.userAgent.toLowerCase(); 
    if(curBrowser.indexOf('chrome') > 0) 
     document.getElementByID("eleID").style.width = "25.5%"; 
    else if(curBrowser.indexOf('edge') > 0) 
     document.getElementByID("eleID").style.width = "24.5%"; 
    else 
     document.getElementByID("eleID").style.width = "23.5%"; 

что-то подобное должно быть возможно.