iPhone/Android 专属 CSS：优化移动端网页体验

css
/* iPhone 专属 CSS */
/* 设置字体 */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* 设置链接颜色 */
a {
  color: #007aff;
}

css
/* Android 专属 CSS */
/* 设置按钮样式 */
button {
  background-color: #4caf50;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
}
/* 设置边框 */
input[type="text"] {
  border: 1px solid #ccc;
  border-radius: 3px;
}

css
/* iPhone/Android 兼容性 */
/* iPhone 样式 */
@media only screen and (max-device-width: 414px) {
  /* iPhone 专属 CSS */
  /* ... */
}
/* Android 样式 */
@media only screen and (max-device-width: 768px) {
  /* Android 专属 CSS */
  /* ... */
}

html
  
  
  
iPhone/Android 专属 CSS
  
这是一个使用 iPhone/Android 专属 CSS 的示例网页。
  这是一个链接
  这是一个按钮