css - 背景图像在 iPad 上显示为放大
问题描述
我有一系列利用 div 中的背景图像的网页。这些在桌面和移动设备上完美运行,但在 iPad 上显得非常放大。任何人都可以给我任何我需要在这里查看的指示。我在想可能像媒体查询这样的东西可能会有所帮助,或者我应该为了 Ipad 而完全避免使用背景图片?
解决方案
您可以使用媒体查询使其响应选项卡。只需针对特定像素范围调整图像大小。
ex : @media screen only (min-width:481px) and (max-width:768px){
/*your css to adjust the image size*/
}
你可以试试这个链接 https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
推荐阅读
- swift - 让 ScrollView 内容在 SwiftUI 中填充其父级
- c++ - 从模板继承
具有多个 typename 模板参数的结构 - sql - 排除列值以“836”开头的记录
- python - Pandas 根据列表中的值过滤行
- c# - 从单例实例获取设置为空
- javascript - 如何计算文档高度并将宽度添加到 div 将显示剩余页面
- javascript - 关闭模式时停止视频(videojs)
- simulation - 从使用 Simulink 中的“时钟”→“到工作区”保存的时间中检索真实世界时间
- java - Log4j 级别不适用于根记录器
- jquery - 如何使用 Flask 获取动态字段?