Question

首先，抱歉我的英语不好......

我的网页遇到了一些麻烦：

我想根据屏幕分辨率加载不同的样式。

我在页面中包含了文件style.php。

以下是代码：

    <?php
if(!isset($_GET['screen_check']))
{
 echo "<script language='JavaScript'>
 <!-- 
 document.location=\"$PHP_SELF?screen_check=done&Width=\"+screen.width+\"&Height=\"+screen.height;
 //-->
 </script>";
}
else 
{    
    if(isset($_GET['Width']) && isset($_GET['Height'])) {
 if(($_GET['Height']/$_GET['Width']) < 0.6) 
 {
 include("stylew.php");
 }
 else {
include("stylen.php");
  }
     }
     else {
     include("stylen.php");
     }
}
?>

我的问题是，当我加载我的页面时，我显示错误消息显示半秒，它说：“未定义的变量PHP_SELF”，它有点可怕......但尽管如此，它仍然有效！ / p>

我想做类似的事情：

    <script>
if (screen.height / screen.width) < 0.6)
{
   <?php include stylew.php ?>
   }
   else
   {
   <?php include stylen.php ?>
   }

在不重新加载页面的情况下获取变量。我怎么能这样做？

提前谢谢！

Answer 1

媒体查询将是最好的。

使用javascript：使用jQuery实现宽度/高度检测的兼容性。

喜欢......

<script>
document.addEventListener('DOMContentLoaded', function() {
    var newStyle = document.createElement('link');
        newStyle.rel = 'stylesheet';
        newStyle.type = 'text/css';
    if ( ($(window).height() / $(window).width()) < 0.6 ) {
        newStyle.href = 'http://xxx1';
    } else {
        newStyle.href = 'http://xxx2';
    }
    document.getElementsByTagName('head')[0].appendChild(newStyle);
});
</script>

根据屏幕分辨率包含php文件

1 个答案: