我在我的网站上使用了移动模拟器，它看起来非常好，但是当我在我的iphone上测试时，有大量的内容缺失

Question

我是一个非常新的开发人员，但这是我第一次遇到这个问题。我正在测试我的网站，mattsmobley.com，以及移动响应模拟器，它看起来正如我想要的那样。但是，每当我在iPhone 5s和iPhone 6上进行测试时，大部分内容都会消失。

有时当我暂时没有在我的iPhone上访问mattsmobley.com时，我会在手机上显示它，内容（视频和说明）会闪烁，然后再次消失。该网站在iPad上运行得非常好，我认为这只是关于小屏幕的事情吗？

如果您想查看该网站的外观，请访问mattsmobley.com

提前感谢您的帮助！我知道对于你们中的一些代码向导来说，这可能是一个非常简单的修复工具！

Answer 1

似乎是video标记可能会导致问题。我想通了这个：

1. 打开Safari浏览器。
2. 转到开发 - ＆gt;在菜单中输入响应式设计模式。
3. 打开Web Inspector。
4. 观察iPhone上的视频时，视频不会缩小，也不会起作用。在HTML中，通常的视频播放器HTML不存在。

为什么会出现这种情况的答案在Apple's iOS-Specific Considerations documentation：

  

优化小屏幕

     

目前，Safari优化了较小屏幕的视频演示   在iPhone或iPod touch上使用全屏视频播放视频   触摸屏幕时会出现控件，并且视频会缩放到   以纵向或横向模式适合屏幕。视频未显示   在网页内。高度和宽度属性仅影响   在网页上分配的空间，并忽略controls属性。   这仅适用于具有小屏幕的设备上的Safari。在Mac OS上   X，Windows和iPad，Safari播放视频内嵌，嵌入在   网页。