CSS条件语句的WebKit浏览器 [英] CSS Conditionals for WebKit Browsers

问题描述

我想申请一个CSS样式的div但我不知道如何识别Chrome的桌面和Android浏览器

I want to apply a CSS style for a div but I dont know how to recognize Chrome for Desktop and Android Navigator

.myDIV{
[if CHROME???] width: 280px; 
[if ANDROID???] width: 100%; 
}

有没有办法检测来自CSS铬或Android导航仪？

Is there a way to detect chrome or android navigator from CSS?

推荐答案

不检查为Android（你不能在CSS） - 检查使用的媒体查询。这比检查特定命名浏览器好得多和被称为用于进行设计工作在尺寸范围时响应设计

Don't check for Android (you can't in CSS) - check for the screen size using Media Queries. This is much better than checking for a particular named browser and is known as responsive design when used to make designs work at a range of sizes.

.myDiv { width: 280px; }

@media screen and (max-width: 699px) {
  .myDiv { width: 100%; }
}

这篇关于CSS条件语句的WebKit浏览器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！