我的博客上有下一个和上一个博客文章的两个固定位置箭头。 http://www.top5best4you.com
虽然如果浏览器窗口尺寸太小,它仍会显示它们,并且它们将超出页面上的内容。
如果浏览器尺寸太小而无法正确显示,是否可以隐藏它们?
干杯。
答案 0 :(得分:1)
您可以使用媒体查询。
将此代码放入<head>
:
<meta name="viewport" content="width=device-width" />
然后,在CSS中将箭头设置为display: none;
,并将其添加到CSS文件的底部:
@media all and (min-width: 1280px) {
.prevpost, .nextpost { display: block; }
}