电脑端input忽然不能编辑但是手机端却可以请问哪里出了问题

发布于 2022-09-05 08:42:43 字数 20952 浏览 14 评论 0

图片描述

请大神帮我看看好么
代码不好贴
希望能加qq好友帮忙看看

clipboard.png

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首都图书馆</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body data-spy="scroll" data-target="#myScrollspy">
<div class="search bg-red">
    <div class="container">
        <div class="col-md-12 ">
            <form class="searchbox pull-right">
                <input class="searchtxt" type="text" placeholder="Search">
                <i class="fa fa-search" aria-hidden="true"></i>
                <span class="changeLanguage"><span class="text-gray">CH/</span><span class="text-white">EN</span></span>
            </form>
        </div>
    </div>
</div>
<div class="navbar navbar-default bg-nav " id="myScrollspy">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img style="max-width:200px;margin-top:-18px;" src="img/nav-logo.png"
                                                  alt="logo" class="img-responsive"></a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="active font18 dropdown">
                    <a href="index.html" class="dropdown-toggle nav-l letter-spacing-1" data-toggle="dropdown"
                       role="button"
                       aria-haspopup="true"
                       aria-expanded="false" data-hover="dropdown"><b>Home</b> </a>
                    <!--dropdown menu-->
                    <ul class="dropdown-menu container p15 hidden-xs">
                        <li class="col-md-4" style="border-right: 1px solid #999">
                            <h5 class="text-red"><b>Characteristic Resources</b></h5>
                            <div class="row pt15">
                                <div class="col-md-6">
                                    <img src="img/home-banner-s1.jpg">
                                </div>
                                <div class="col-md-6">
                                    <p>Rare Ancient Book
                                        in Stock</p>
                                </div>
                            </div>
                            <div class="row pt15">
                                <div class="col-md-6">
                                    <img src="img/home-banner-s2.jpg">
                                </div>
                                <div class="col-md-6">
                                    <p>BEIJING MEMORIES</p>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-8">
                            <div class="col-md-12">
                                <h5 class="text-red"><b>Digital Resources</b></h5>
                            </div>
                            <div class="col-md-6">
                                <ul class="pt15">
                                    <li>Wiley eBook</li>
                                    <li class="pt15">Taylor & Francis SSH</li>
                                    <li class="pt15">Emerald Managem...</li>
                                    <li class="pt15">OverDrive Digital Library</li>
                                    <li class="pt15">ProQuest history newspaper</li>
                                    <li class="pt15">Cambridge journal retrospective database</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="pt15">
                                    <li>Wiley eBook</li>
                                    <li class="pt15">Taylor & Francis SSH</li>
                                    <li class="pt15">Emerald Managem...</li>
                                    <li class="pt15">OverDrive Digital Library</li>
                                    <li class="pt15">ProQuest history newspaper</li>
                                    <li class="pt15">Cambridge journal retrospective database</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </li>
                <li class="font18 nav-l letter-spacing-1">
                    <a href="">
                        <b>About</b>
                    </a>
                </li>
                <li class="font18 nav-l letter-spacing-1">
                    <a href="">
                        <b>Resources</b>
                    </a>
                </li>
                <li class="font18 nav-l letter-spacing-1">
                    <a href="">
                        <b>Support</b>
                    </a>
                </li>
                <li class="font18 nav-l letter-spacing-1">
                    <a href="">
                        <b>Visit</b>
                    </a>
                </li>
                <li class="font18 nav-l letter-spacing-1">
                    <a href="">
                        <b>OPAC</b>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- /.navbar-collapse -->
</div>

<!--carousel-->
<div class="banner">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <div class="wrapper">
            <div class="container" style="position:relative; ">
                <ol class="carousel-indicators" style="text-align: right">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active ">1</li>
                    <li data-target="#carousel-example-generic" data-slide-to="1">2</li>
                    <li data-target="#carousel-example-generic" data-slide-to="2">3</li>
                    <li data-target="#carousel-example-generic" data-slide-to="3">4</li>
                </ol>
            </div>
        </div>

        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="img/home-banner1.jpg" alt="...">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="col-md-9 col-xs-12">
                            <h2 class="text-white pt15 text-left"><b>RARE ANCIENT BOOK IN STOCK</b></h2>
                            <p class="text-white pt15 font16 text-left letter-spacing-1 ">Originally built in
                                1913, the Capital
                                Library of China is one
                                of the earliest founded public libraries with about 500,000 ancient books, including
                                rare books in
                                5,200 types and 67,000 volumes. These books come from the allocation or donations from
                                government
                                organizations, cultural agencies, and private collectors, as well as the long-term
                                purchasing and
                                supplement.</p>
                        </div>
                        <div class="col-md-3 hidden-xs hidden-sm">
                            <img class="banner-s" src="img/home-banner-s1.jpg">
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <img src="img/home-banner2.jpg" alt="...">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="col-md-9 col-xs-12">
                            <h2 class="textwhite pt15 text-left"><b class="letter-spacing-3">BEIJING MEMORIES</b>
                            </h2>
                            <p class="text-white pt15 font16 text-left letter-spacing-1 ">
                                Beijing Memory was formally started at the end of 2002.
                            </p>
                            <p class="text-left ">
                                We wish that we are able to protect the Beijing literature heritage in the most proper way, and solve the conflict between literature protection and literature use. We hope the literature heritage can be made use of by the public so that their understanding to the local culture could be 
                                improved.
                            </p>
                        </div>
                        <div class="col-md-3 hidden-xs hidden-sm">
                            <img class="banner-s" src="img/home-banner-s2.jpg">
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <img src="img/home-banner3.jpg" alt="...">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="col-md-9 col-xs-12">
                            <h2 class="text-white pt15 text-left"><b class="letter-spacing-3">AN INTORDUCTION TO
                                THE CAPITAL LIBRARY OF CHINA</b></h2>
                            <p class="text-white pt15 font16 text-left letter-spacing-1">
                                Located in the east of Huawei Bridge in the southeast 3rd ring of Beijing, the Capital
                                Library of China is a large public library owned by the city of Beijing. The library is
                                open all year round and provides cultural and information services such as the lending
                                and reading of literature, information consultation, lectures and forums, exhibitions
                                and exchanges, cultural leisure activities and so on in
                            </p>
                        </div>
                        <div class="col-md-3 hidden-xs hidden-sm">
                            <img class="banner-s" src="img/home-banner-s3.jpg">
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <img src="img/home-banner4.jpg" alt="...">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="col-md-11 col-xs-12">
                            <h2 class="text-white pt30 text-left"><b class="letter-spacing-3">ABOUT ACADEMIC RESOURCE
                                DISCOVERY SYSTEM</b>
                            </h2>
                            <p class="text-white pt15 font16 text-left letter-spacing-1">
                                Academic resource discovery system is a one-stop literature resource retrieval system.
                                It allows you to quickly
                                and efficiently find and obtain the required informationfrom a large amount of academic
                                resources with
                                a simple and friendly interface.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="bannerSearch text-center text-white">
                    <p class="font68">OPAC</p>
                    <h3 class="pt15">search what you want in Capital Library of China</h3>
                    <form class="pt30">
                        <input type="text" class="text-gray" placeholder="search">
                        <i class="fa fa-search" aria-hidden="true"></i>
                    </form>
                </div>
            </div>
        </div>
        <a id="carleft" class="left carousel-control visible-xs" href="#carousel-example-generic" role="button"
           data-slide="prev">
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
            <span class="sr-only">Previous</span>
        </a>
        <a id="carright" class="right carousel-control visible-xs" href="#carousel-example-generic" role="button"
           data-slide="next">
            <i class="fa fa-chevron-right" aria-hidden="true"></i>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

<div id="section1" class="p30">
    <div class="container">
        <div class="col-md-3 col-xs-12 resources-r pull-right">
            <h3><b>GUIDE</b></h3>
            <p class="pt30">Capital Library of China</p>
            <p>Opening Hours</p>
            <p class="pt15"><b>Mon-Sun:09.00 – 19.30 </b></p>
            <ul>
                <li class="text-white bg-brown"><i class="fa fa-location-arrow" aria-hidden="true"></i>
                    Library instructions
                </li>
                <li class="text-white bg-brown"><i class="fa fa-hourglass-half" aria-hidden="true"></i>
                    Opening Hours
                </li>
                <li class="text-white bg-brown"><i class="fa fa-file-text" aria-hidden="true"></i>
                    Reader’s Card
                </li>
                <li class="text-white bg-brown"><i class="fa fa-clipboard" aria-hidden="true"></i>
                    Fees List
                </li>
            </ul>
        </div>
        <div class="col-md-9 col-xs-12 resources-l pull-left">
            <h3><b>RESOURCES</b></h3>
            <div class="row pt30">
                <div class="col-md-3 resources-l-l">
                    <img src="img/home-resources01.png">
                </div>
                <div class="col-md-9 resources-l-2">
                    <h5><b>OverDrive Digital Library</b></h5>
                    <p>OverDrive Digital Library contains more than 2,000 digital books and audio books of high
                        quality.The books are mainly English works with some accompanied by Chinese or with Chinese and
                        English parallels.</p>
                    <!--<p class="font12 text-brown">-->
                    <a href="#" class="text-brown font12"><i class="fa fa-eye pr10 " aria-hidden="true"></i>Museum visit</a>
                    <span class="text-brown">|</span>
                    <a href="#" class="text-brown font12"><i class="fa fa-paper-plane pr10" aria-hidden="true"></i>Off
                        campus visit
                    </a>
                    <!--</p>-->
                </div>
            </div>
            <div class="row pt15">
                <div class="col-md-3 col-xs-12 resources-l-l">
                    <img src="img/home-resources02.png">
                </div>
                <div class="col-md-9 col-xs-12 resources-l-2">
                    <h5><b>OverDrive Digital Library</b></h5>
                    <p>OverDrive Digital Library contains more than 2,000 digital books and audio books of high
                        quality.The books are mainly English works with some accompanied by Chinese or with Chinese and
                        English parallels.</p>
                    <a href="#" class="text-brown font12"><i class="fa fa-eye pr10 " aria-hidden="true"></i>Museum visit</a>
                    <span class="text-brown">|</span>
                    <a href="#" class="text-brown font12"><i class="fa fa-paper-plane pr10" aria-hidden="true"></i>Off
                        campus visit
                    </a>
                </div>
            </div>
            <div class="row pt15">
                <div class="col-md-3 col-xs-12 resources-l-l">
                    <img src="img/home-resources03.png">
                </div>
                <div class="col-md-9 col-xs-12 resources-l-2">
                    <h5><b>OverDrive Digital Library</b></h5>
                    <p>OverDrive Digital Library contains more than 2,000 digital books and audio books of high
                        quality.The books are mainly English works with some accompanied by Chinese or with Chinese and
                        English parallels.</p>
                    <a href="#" class="text-brown font12"><i class="fa fa-eye pr10 " aria-hidden="true"></i>Museum visit</a>
                    <span class="text-brown">|</span>
                    <a href="#" class="text-brown font12"><i class="fa fa-paper-plane pr10" aria-hidden="true"></i>Off
                        campus visit
                    </a>
                </div>
            </div>
        </div>

    </div>
</div>

<footer class="bg-footer">
    <div class="container">
        <div class="row p15">
            <div class="col-md-12">
                <div class=" col-md-6 text-white">2017 PV:574221 <span style="padding: 0 30px">|</span>UV:152025</div>
                <div class="col-md-6 text-gray text-right">Mail:clcn@clcn.net.cn</div>
            </div>
        </div>
    </div>
</footer>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js "></script>
<script src="http://cdn.bootcss.com/bootstrap-hover-dropdown/2.0.10/bootstrap-hover-dropdown.min.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>

<script>
    $(function () {
        $("#carousel-example-generic").swipe({
            swipeLeft: function () {
                $(this).carousel('next');
            },
            swipeRight: function () {
                $(this).carousel('prev');
            },
        });
    })
</script>

</body>
</html>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

治碍 2022-09-12 08:42:43

贴出你的页面结构看看

这里有解答
https://github.com/mattbryson...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文