对于三星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