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

Question

我有一个固定位置的DIV，但我希望它是相对的，当被移动设备查看时。这可能与一个特定的CSS？

Erik

Answer 1

您可以使用媒体查询来执行此操作。

CSS

div { 
    position: fixed; 
} 

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

Answer 2

您可以通过PHP这样做很容易（如果安装在服务器上的PHP）。

1）从here下载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; ?> 

，当用户将来自移动，它会显示相对的，否则它会显示固定。 我希望这会起作用！