Question

我的任务是构建一个脚本，使用户能够在移动和桌面版本的网站之间来回切换。使用媒体查询（尺寸方式）所有样式都运行正常但是，当墨水在移动设备上实现时（在浏览器大小检查后通过隐藏潜水隐藏在桌面上）它会切换到桌面版本，但是当用户点击时在链接上回到“移动”版本，它需要两次尝试才能呈现移动样式表。这是我的代码。

    <?php //get the users choice and start or kill the session
    $getWidth = $_GET["getWidth"];
    if ($getWidth == "all"){    
    session_destroy();
    } else if ($getWidth == "desktop") {
    session_start();
    $_SESSION['desktop'] = "1";
    }
 //get the current working page so the user comes back to where they were
   function curPageURL() {
   $pageURL = 'http';
   if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
   $pageURL .= "://";
   if ($_SERVER["SERVER_PORT"] != "80") {
    $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
   } else {
   $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
   }
   return $pageURL;
 }
//Change the div ID so the users either sees one link or the other
if(isset($_SESSION['desktop'])) {
$divID = "switchtodesktop";
} else {
$divID = "switchtomobile";
}
?>

css页面：

<?php 
if(isset($_SESSION['desktop'])) {
?>
<link href='<?php echo $path;?>css/desktop.css' rel="stylesheet" type="text/css">
<?php } else { ?>
<link href='<?php echo $path;?>css/mq.css' rel="stylesheet" type="text/css">
<?php } ?>

包含所有网页上链接的Div：

<div id='<?php echo $divID;?>'>
          <?php 
          if(isset($_SESSION['desktop'])) {
          ?>
          <a href='<?php echo $pageURL;?>?getWidth=all'>SWITCH TO MOBILE VIEW</a>
          <?php } else { ?>
           <a href='<?php echo $pageURL;?>?getWidth=desktop'>SWITCH TO DESKTOP VIEW</a>
            <?php } ?>
       </div>

我正拉着我的头发试图让它回来一次点击！

非常感谢任何帮助。

感谢。

在移动版和桌面版之间切换的链接需要两次点击才能“回到移动设备”

0 个答案: