css – 我如何为galaxy note 5编写媒体查询

对于三星galaxy note 5,我需要横向和纵向模式的媒体查询代码.我使用以下媒体查询,但我认为这是不对的：

@media only screen and (max-width: 640px) and (orientation : landscape) {}

我错过了什么,或者这是正确的吗？

最佳答案

试图追踪每台设备都是傻瓜的事.不称你为傻瓜,这是一个说法大声笑;)设备根据他们最新的操作系统更新频繁更改.相反,使用分辨率并留下足够的误差范围来解决大多数设备.但是,如果您决定开始执行此任务,请使用以下命令：

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (-webkit-device-pixel-ratio: 3) {}

只要您使用的宽度为100％且身体的沟槽至少为15px,您的宽度就会相应调整.

我的建议,使用一个响应式框架,如Bootstrap,特别是Bootstrap4,它适用于大型移动设备,如iPhone6和Notes