Edgeに影響を与えずにChromeにスタイルを適用する方法

Question

私はバグを修正するためにChrome用のスタイルを適用しようとしています。私はそれを働かせることができますが、私がEdgeでそれをチェックすると、私は今見栄えが良くなります。他のブラウザに影響を与えることなく、Chromeにスタイルを適用するにはどうすればよいですか（バージョン60を使用しています）。

@media (min-width: 860px) and (-webkit-min-device-pixel-ratio: 0) { 
    table.content tbody tr td { min-width: 90px; } 
} 

@media (min-width: 711px) and (max-width: 860px) and (-webkit-min-device-pixel-ratio: 0) { 
    table.content tbody tr td { min-width: 60px; } 
} 

Answer 1

あなたが@supportsを使用して、特定のブラウザでサポートされているおよび/またはサポートされていないCSSのプロパティを組み合わせることができ、特定のブラウザをターゲットにします。また、この方法で他のブラウザを除外することもできます。

あなたが唯一のWindows版Chromeを気にしている場合は、そのメディアクエリを使用してWindows用のChromeをターゲットにすることも-webkitプレフィックスでhyphens: autoをサポートしていません（ただし、Mac用ChromeとAndroidは-webkit-hyphens: autoをサポートしている）ことを知っている必要があり

@supports not ((-webkit-hyphens: auto) or (-ms-hyphens: auto) or (hyphens: auto)) { 
/* Your styles here */ 
} 

例

@supports not ((-webkit-hyphens: auto) or (-ms-hyphens: auto) or (hyphens: auto)) { 
 
    * { 
 
    color: red; 
 
    } 
 
}

This is red, but only in Chrome for Windows