css - 可以在 iPad 设备的 CSS 中指定不同的文本大小吗？

Question

我希望我的某些 HTML 页面中的文本在 iPad 设备上更大，我想知道这可能吗？特别是我想更改 h3 文本大小和段落文本大小。

Answer 1

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
{ 
    h3 { text-size:/*amount of value you want to set*/ }
}

使用媒体查询将帮助您做到这一点。它是 CSS3 功能，因此它可能与旧浏览器不兼容。

如果目标设备是 retina，那么在你的 css 中声明它。

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) 
{ 
    h3 { text-size:/*amount of value you want to set*/ }
}

如果您想在 Ipad 上根据横向或纵向模式更改样式，然后添加此查询。

 @media only screen 
 and (min-device-width : 768px) 
 and (max-device-width : 1024px)
 and (-webkit-min-device-pixel-ratio: 2) 
 and (orientation : landscape) // add this. value options "landspace / portrait"
 { 
     h3 { text-size:/*amount of value you want to set*/ }
 }