我有这个基本的卡片翻页网页，想要调整几张媒体查询的“卡片”。
它适用于浏览器中的PC ，但不适用于实际设备本身。每个测试设备都会显示“绿色”（平板电脑风景）视图，即使它不应该显示。媒体查询CSS可以在文档头中引用的CSS文件的底部找到（下面的URL）。
断点如下;
我正在测试; iPhone 6S，iPhone 7，iPad mini 4，iPad Pro 10.5
但正如我上面所说的那样，无论方向如何都显示平板电脑风景（绿色）视图，我无法看到或弄清楚为什么在PC上运行良好的媒体查询未在设备上应用。
该网页位于： http://plot64.com/nhap/
（单独注意，任何有关如何在'卡'上设置相同且锁定的1：1比例宽度和高度的方法的人请发布。我不得不切换到固定像素宽度，每个媒体查询'视图'，因为我无法找到一种方法来维持'正方形'外观使用百分比值，同时保持'翻转'功能动画。）
谢谢你们！