ничего не могу нажать на моем сайте, в мобильном представлении - PullRequest
Новая
       40

ничего не могу нажать на моем сайте, в мобильном представлении

0 голосов
/ 06 марта 2019

Google продолжает давать мне результаты, основанные на ремонте моего телефона, но проблема на моем сайте.Это странная проблема, но на мобильном устройстве на моем сайте я не могу нажимать никакие кнопки или ссылки.рабочий стол работает нормально, но у мобильного телефона проблемы.Я делаю этот сайт непосредственно на cpanel, так что я не знаю, есть ли какой-то специальный код, который мне нужно добавить, чтобы обнаружить мобильные постукивания, я обычно использую WordPress, поэтому я не знаю много о создании сайта напрямуюна MySQLМобильные касания будут работать вне контейнера, но мне нужно, чтобы он работал внутри моего контейнера страниц.его внутри <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;
}

сценарии: 

<code><?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 '
';echo '';?>

1 Ответ

0 голосов
/ 07 марта 2019

Исправлено: D просто нужно заменить echo '<pre class="page_inner_m">'; на echo '<body class="page_inner_m">'; и заменить echo '</pre></div>'; на echo '</body></div>';

Я буду продолжать в том случае, если кто-то еще посчитает это полезным.переключение тега <pre> на тег <body> решило проблему для меня.

...