代码之家  ›  专栏  ›  技术社区  ›  SwiftNinjaPro

在移动视图中,无法单击我的网站上的任何内容

  •  -1
  • SwiftNinjaPro  · 技术社区  · 7 年前

    谷歌一直在给我修复手机的结果,但问题出在我的网站上。这是一个奇怪的问题,但在我网站上的移动设备上,我不能点击任何按钮或链接。台式机工作正常,但移动设备有问题。我直接在cpanel上创建这个网站,所以我不知道是否需要添加一些特殊的代码来检测手机窃听,我通常使用wordpress,所以我不知道如何直接在mysqli上创建网站。移动点击将在容器外工作,但我需要它在我的页面容器内工作。它在一个房间里 <div> 和 <pre> 。我不太明白问题所在,下面是我的一些代码:

    全局样式:

    pre{
        border: solid 3px #2b333d;
        border-radius: 10px;
        font-size: 15px;
        color: #3c3d3c;
        margin: 1%;
        padding: 10px;
        background: #eaeaea;
        display: block;
        font-family: monospace;
        white-space: pre-wrap;
    }
    
    input{
        border: solid 2px #2b333d;
        border-radius: 10px;
        font-size: 15px;
        color: #3c3d3c;
        margin: 1%;
        padding: 8px;
        background: #f7f7f7;
        font-family: Arial, Helvetica, sans-serif;
        white-space: pre-wrap;
        outline: none;
        display: inline-block;
    }
    
    input[type=button], input[type=submit], input[type=reset]{
        border: solid 2px #142135;
        border-radius: 10px;
        font-size: 18px;
        color: #f7f7f7;
        margin: 1%;
        padding: 5px 7px;
        background: #5791ed;
        font-family: Arial, Helvetica, sans-serif;
        white-space: pre-wrap;
        outline: none;
        letter-spacing: 0;
        display: inline-block;
    }
    
    form{
        line-height: 0.2;
        white-space: normal;
    }
    

    页面/页眉样式:

    .page_m{
        background: #fcfcfc;
        width: 99.9%;
        left: 0.1%;
        z-index: -20;
        top: 30px;
        position: relative;
    }
    
    .page_inner_m{
        padding: 20px;
        z-index: -20;
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        white-space: pre-wrap;
        color: #2d2d2d;
        letter-spacing: 0.5;
        line-height: 1.55;
        border: 0;
        border-radius: 0;
        font-size: 18px;
        margin: 0;
        background: none;
        display: block;
    }
    

    脚本:

    <?php
    
    ?>
    <style>
    <?php include 'header.css'; ?>
    </style>
    <?php
    
    echo '<div class="page_m">';
    
    ?>
    <style>
    <?phpinclude 'style_m.css';?>
    </style>
    <?php
    
    echo '<pre class="page_inner_m">';
    
    //header start
    echo '<div class="menu_m">';
    
    $host = $_SERVER['HTTP_HOST'];
    preg_match("/[^\.\/]+\.[^\.\/]+$/", $host, $matches);
    $domain = "{$matches[0]}\n";
    
    echo '<center class="title_m">'.$domain.'</center>';
    echo '</div>';
    //header end
    
    echo '</pre></div>';
    echo '</div>';
    ?>
    
    0 回复  |  直到 7 年前
        1
  •  0
  •   SwiftNinjaPro    7 年前

    修正了:D只是需要更换 echo '<pre class="page_inner_m">'; 具有 echo '<body class="page_inner_m">'; 替换 echo '</pre></div>'; 具有 echo '</body></div>';

    我会继续这样做,以防其他人觉得有用。切换 <pre> 贴上标签 <body> 泰格帮我解决了这个问题。

    推荐文章