javascript - 页面检查器上的实际设备和设备预览

我遇到了一个问题，即 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;
}

标签： javascripthtmliosweb-inspector