当前位置:  开发笔记 > 前端 > 正文

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

如何解决《我如何为galaxynote5编写媒体查询》经验,为你挑选了1个好方法。

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

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

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



1> LOTUSMS..:

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

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

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

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

推荐阅读
小色米虫_524
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有