i phone 设备上的响应式设计
[英]Responsive Design on i phone device
问题描述
建立一个网站https://hopeful-jackson-02928a.netlify.app/并使用 google chrome 工具对其进行测试。 媒体查询适用于所有设备。 我还使用了一个名为ripple 的模拟器，它可以在所有移动设备上进行测试。 再次它工作正常。
但是，当我在实际的 iphone 上测试该网站时，图像马赛克在 Safari 上无法正确呈现。 浏览器是最新的，所以不明白为什么。
我将 css 网格用于马赛克图像库https://hopeful-jackson-02928a.netlify.app/about.html
在玩弄了 css 网格布局之后，我设法让它工作。
有谁知道为什么当我在谷歌浏览器工具和涟漪模拟器上测试它时它看起来不错，但不是在实际的 iPhone 上。 它在实际的平板电脑上也能正常工作。
希望有人可以阐明这个问题
0 个解决方案
为什么我不能针对智能手机而不是具有响应设计的智能手机
[英]why can't I target smart phone vs. not smart phone with responsive design
响应式 web 设计适用于桌面，但不适用于移动设备
[英]Responsive web design is working on desktop but not on the mobile device
如何使用Bootstrap在设备宽度上交换网格布局（响应设计）？
[英]How to swap grid layout on device width (responsive design) using Bootstrap?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.