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

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/css/427692.html

猜你在找的CSS相关文章