asp.net 在xs屏幕大小中无法访问链接

cvxl0en2  于 9个月前  发布在  .NET
关注(0)|答案(1)|浏览(104)

我有一个购物车,标题中的图标是登录或显示他们的购物车的链接。它们在所有大小的屏幕上运行,除了手机(XS)。在手机上,它们不能被点击或点击。在桌面上的浏览器减少到XS大小的相同行为。

<section class="header-main">
                    <div class="container">
                        <div class="row gy-3 align-items-center">
                            <div class="col-lg-2 col-sm-4 col-4">
                                <a href="Default.aspx" class="navbar-brand">
                                    <img id="imgLogo" class="logo" src="https://xxxx/Logo_200.png" style="height:40px;" />
                                </a>
                                <!-- brand end.// -->
                            </div>
                            <div class="order-lg-last col-lg-6 col-sm-10 col-8">
                                <div class="float-end">

                                    <a href="Login.aspx" class="btn btn-light" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Login/Logout/Register for an Account">
                                        <i class="fa fa-user"></i>
                                        <span class="ms-1 d-none d-sm-inline-block">
                                            <span id="lblSignIn">Sign In/Register</span>
                                        </span>
                                    </a>
                                    &nbsp;
                                    
                                    <a href="Wishlist.aspx" id="showWishList" class="btn btn-light position-relative">
                                        <i class="fa fa-heart">
                                            
                                        </i><span class="ms-1 d-none d-sm-inline-block">My Wish List</span>
                                    </a>
                                    &nbsp;

                                    <a href="Cart.aspx" class="btn btn-light position-relative">
                                        <i class="fa fa-shopping-cart">
                                            <span id="MyCartBadge">
                                                <b class="notify">
                                                    <span id="lblNavCart">0</span>
                                                </b>
                                            </span>
                                        </i>
                                        <span class="ms-1 d-none d-sm-inline-block">My Cart 
                                        </span>
                                    </a>

                                </div>
                            </div>
                            <!-- col end.// -->
                            <div class="col-lg-4 col-md-12 col-12">
                                <div class="input-group">
                                    
                                    <input name="ctl00$txtSearch" type="text" id="txtSearch" class="form-control" placeholder="Search" style="width:35%;" />
                                    
                                    <button onclick="__doPostBack('ctl00$btnSearch','')" id="btnSearch" type="submit" class="btn btn-primary vzindex"><i class="fa fa-search"></i></button>
                                </div>
                                <!-- input-group end.// -->
                            </div>
                            <!-- col end.// -->

                        </div>
                        <!-- row end.// -->
                    </div>
                    <!-- container end.// -->
                </section>
                <!-- header-main end.// -->

字符串

iq3niunx

iq3niunx1#

你有一个Meta标签在你的html已经为移动的兼容性?如果没有尝试使用此代码:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

字符串

相关问题