我有一个购物车,标题中的图标是登录或显示他们的购物车的链接。它们在所有大小的屏幕上运行,除了手机(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>
<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>
<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.// -->
字符串
1条答案
按热度按时间iq3niunx1#
你有一个Meta标签在你的html已经为移动的兼容性?如果没有尝试使用此代码:
字符串