CSS 3 是一种用于网页设计的样式表语言，目前已成为网页设计行业的标准之一。随着智能手机的普及，手机浏览器对于 CSS 3 的支持也越来越重要。在这篇文章中，我们将详细介绍 CSS 3 在手机浏览器中的应用。

首先，我们需要注意一些手机浏览器可能对某些 CSS 3 属性的支持不够完善。例如，移动版 Safari 不支持 text-shadow 属性，而 Android 4.1 及以下版本也不支持 box-shadow。

不过，随着手机浏览器的不断升级和更新，这些问题已经得到了改善。目前大多数主流的手机浏览器都能够很好地支持 CSS 3。

/* 例子 */
.box {
-webkit-box-shadow: 0 0 10px #999;
-moz-box-shadow: 0 0 10px #999;
box-shadow: 0 0 10px #999;
}

我们可以看到，在上面的代码中，-webkit-box-shadow 是针对移动版 Safari 和 Chrome，-moz-box-shadow 则是针对 Firefox，而 box-shadow 是对所有浏览器的兼容性处理。

此外，CSS 3 还支持响应式网页设计，这对于手机浏览器来说尤其重要。通过使用 CSS 3，我们可以轻松实现网页的自适应功能，让页面在不同的屏幕尺寸上都能够展现良好的效果。

/* 例子 */
@media (max-width: 768px) {
.box {
width: 50%;
margin: 0 auto;
}
}

在这段代码中，我们使用 @media 查询来检测屏幕尺寸，当屏幕宽度小于 768 像素时，.box 元素的宽度将自动变为页面宽度的 50%，并居中显示。

总的来说，CSS 3 在手机浏览器中的应用非常广泛，可以帮助我们实现更加丰富和具有表现力的网页设计。如果你是一名网页设计师，不失为一种学习和掌握的技能。