我正在写一些jQuery代码,我想要检测移动设备的方向,无论是纵向还是横向。
我已经尝试了while语句,但它们不断地向我发送测试警报,但都无济于事。
我的jQuery:
function test() {
if (window.matchMedia("(orientation: portrait)").matches) {
alert('You are in portrait!');
}
else if (window.matchMedia("(orientation: landscape)").matches) {
我正在建立一个通过CSS媒体查询客户端网站的响应式主题。它在iPhone和Android上以纵向模式显示移动站点,但在Android上,常规站点以横向模式显示( iPhone以横向模式显示移动站点)。
下面是我在我的瘦CSS文件上使用的媒体查询:
all and (max-width: 480px), (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2)
我能容纳的大多数Android手机有没有不同的宽度?
我正在实现一个基于响应式设计的HTML应用程序。我使用"@media only screen“来设置响应式样式。
我使用下面的Css代码进行移动定位(横向/纵向):
@media only screen and (max-device-width: 465px), screen and (max-width: 465px)
.align {
width: 33.33%;
}
@media only screen and (max-device-width: 736px), screen and (max-width: 736px)
.align {
width: 25