三星Galaxy A20 viewport尺寸查询 用于编写横竖屏自定义media query

三星Galaxy A20（标准款，非A20s/A20e）准确viewport参数 #

• 物理分辨率：720px × 1560px
• 设备像素比（dpr）：2
• 竖屏模式逻辑viewport：360px（宽） × 780px（高）
• 横屏模式逻辑viewport：780px（宽） × 360px（高）
• 最小viewport宽度：360px
• 最大viewport宽度：780px

适配示例代码 #

/* 竖屏模式适配规则 */
@media only screen 
  and (device-width: 360px) 
  and (device-height: 780px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
  /* 此处写入竖屏自定义样式 */
}

/* 横屏模式适配规则 */
@media only screen 
  and (device-width: 780px) 
  and (device-height: 360px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
  /* 此处写入横屏自定义样式 */
}

注意：以上参数仅适用于SM-A205F、SM-A205GN、SM-A205YN等标准A20国行/国际版机型，不适用于A20e、A20s衍生版本。如果需要兼容不同系统版本的缩放配置，可以把device-width/device-height替换为区间判断，避免严格匹配失效。

内容的提问来源于stack exchange，提问作者Elena