CSS 是前端开发不可或缺的一部分，它能够精细地控制网页的布局和设计，也能够识别特定的操作系统或浏览器，以此为基础调整网页的显示效果。本文将介绍如何识别 iOS 操作系统，让网页在 iOS 上拥有最佳的显示效果。

@media only screen and (max-device-width: 480px) {
/* 检测设备屏幕宽度 */
/* 如果屏幕宽度小于或等于 480px */
/* 则表示 iOS 设备 */
body {
font-size: 16px; /* 设定字体大小 */
line-height: 1.2; /* 设定行高 */
}
img {
max-width: 100%; /* 设定图片最大宽度，以避免切边 */
}
}

通过媒体查询，我们可以检测设备的屏幕宽度是否小于或等于 480px，如果是，则表示这是一个 iOS 设备。接下来，我们可以针对这类设备设定相应的样式。

例如，在 iOS 设备上我们可以通过为 body 元素设定 font-size 和 line-height 属性，以保证网页的字体大小和行高适合设备的屏幕尺寸。同时，为了避免图片在 iOS 设备上切边，我们可以为 img 标签设定 max-width 属性，使图片能够自适应设备的屏幕宽度。

通过以上方式，我们可以轻松地识别 iOS 设备，并针对这类设备设定相应的样式，从而在 iOS 上获得最佳的显示效果。