【发布时间】：2021-10-13 10:46:15
【问题描述】：
我遇到了一个问题，即 div 的宽度在页面检查器 (Apple iPhone X) 的设备预览中看起来不错。当我在实际设备（iPhone 11）上查看它时，div 的宽度更长。具体来说，我说的是日期选择器的宽度（见下图）。
有没有办法预览 iPhone 11（我在页面检查器中没有看到这个选项）。我不确定为什么 div 的实际宽度变化这么大。
检查员：
Inspector 专门设置在 iphone 11 宽度/高度：
实际：
我试图通过这个 css 让日历日期栏在移动设备上不会太大（我正在使用带有标准断点的媒体查询）：
#calendarContainer {
width:23%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
【问题讨论】：
-
导致错误的代码是什么？
-
查看已编辑的问题，谢谢！
标签： javascript html ios web-inspector