如何反转“显示:无”的效果

时间:2018-08-15 22:09:29

标签: html css

我正在制作我的第一个自适应网页。它是桌面优先的,并且因为它是一个简单的单列页面,所以我只需要一个媒体查询即可。我在移动设备上为桌面使用了不同的导航栏。因此,我将两个导航都放入了HTML中。我在CSS的主要部分将用于移动设备的导航设置为“ display:none”,这使其从台式机版本中消失了。我在查询中将桌面的导航设置为“ display:none”,这使该导航从移动设备上消失了。

问题在于我无法在移动版本中再次显示移动导航。如何在移动查询中撤消“ display:none”?

(页面为http://www.birdwatching.com/optics/2018_Kowa_scope/kowa-tsn-553-review.html

2 个答案:

答案 0 :(得分:3)

在移动媒体查询中,对您隐藏的移动导航不做display:block,而对桌面导航则不显示。

答案 1 :(得分:1)

如果您改为使用“可见性:visible”和“可见性:hidden”,则不必担心元素的显示先前设置为