问题描述
<li class="megamenu-content">
<div class="megamenu-content-wrapper clearfix">
<ul class="col-lg-3 col-sm-3 col-md-3 ">
<li class="cat-header">SHOW MEMBERS</li>
<li><a class='dropdown-menu-link' href='/new-members/'>New Members</a></li>
<li><a class='dropdown-menu-link' href='/old-members/'>Old Members</a></li>
<li><a class='mobile-only' href='/main-page/'>Back to Page</a></li>
</ul>
<script type="text/javascript">
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
if(isMobile) {
document.getElementById('mobile-only').innerHtml = "Back to page"
}
</script>
我正在尝试仅在移动浏览器的下拉菜单中显示内容,但是它不起作用。如果您有任何不同的想法,也欢迎您:) 谢谢。
解决方法
将仅限移动设备的课程设置为$ kubectl get pod -A | sed -nr '/Evicted/s/(^\S+)\s+(\S+).*/kubectl -n \1 delete pod \2 --force --grace-period=0/p'
然后使用媒体查询指定设备的浏览器宽度
display:none