iPhone 12 mini 是苹果公司于 2020 年推出的紧凑型旗舰手机，因其小巧机身与完整功能受到广泛欢迎。对于前端开发者和 UI/UX 设计师而言，准确了解其屏幕尺寸对移动端适配至关重要。
在网页开发中，通常以 390px 作为 iPhone 12 mini 竖屏状态下的视口宽度基准。使用如下 viewport 设置可确保正确缩放：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
若需针对 iPhone 12 mini 编写媒体查询，可参考以下 CSS 示例：
@media screen and (min-width: 390px) and (max-width: 390px) and (-webkit-device-pixel-ratio: 3) {
/* iPhone 12 mini 特定样式 */
}
注意：由于不同浏览器或系统版本可能存在细微差异，建议结合真实设备测试以确保最佳兼容性。