我正在尝试调整我的平板电脑web应用程序,以便在手机上使用。媒体查询功能看起来很完美,我的初步测试证实了这一点。我的问题是:对于手机和平板电脑,它们的方向从纵向更改为横向(在设备旋转时),那么max-width指的是什么?
换句话说,更大的安卓手机的分辨率为480x800,iPhone4的分辨率为640x960,而最初的黑莓Torch的分辨率为360x480。这些都是设备处于纵向模式时的分辨率(W X H),因此宽度分别为400、640和360。但是,当您将设备旋转到横向时,出于显示目的,高度将“变成”宽度。因此,横屏的有效宽度分别为800、960和480,并且800和960的宽度与平板电脑的