在所有移动设备上删除DIV的固定位置？

Question

我有一个固定位置的DIV，但我希望它在移动设备上查看时是相对的。 是否可以用一个特定的CSS来实现？

Erik

Answer 1

你可以使用媒体查询来实现这一点。

CSS

div {
    position: fixed;
}

@media only screen and (max-device-width : 480px) {
    div {
        position: relative;
    }
}
​

Answer 2

不知道这对你有多大帮助，但我有两个div在web视图中的相对定位，将它们的位置设置为在移动视图中继承，对我来说是可行的。

 @media only screen and (max-device-width : 600px) {
     div {
         position: inherit;
    } 
  }

Answer 3

如果你的服务器上安装了PHP，你可以很容易地通过php来实现。

1) 从以下网站下载mobile_detect.php。此处.

2) 在你的文件中写下这段php代码，别忘了重命名为anyname.php。

<?php
include 'Mobile_Detect.php';
$detect = new Mobile_Detect();

if ($detect->isMobile()) {
    // Any mobile device.
$position = "relative";
}

else
{
$position = "fixed";
}
?>

3) 现在在你写了相对固定的样式代码中，写上这段代码。

<?php echo $position; ?>

现在，当用户来自手机时，它将显示相对的，否则将显示固定的。