在移动屏幕上隐藏菜单列表

时间:2017-08-21 09:32:00

标签: css

要在我使用的移动设备屏幕上隐藏菜单栏:

import matplotlib.pyplot as plt
from matplotlib.lines import Line2D

plt.plot([0, 1], [3, 2])
line = Line2D([], [], label='abc', color='red', ls="-", linewidth=1.5)
sc1 = plt.scatter([],[],s=14**2,facecolors='yellow', edgecolors='blue',
            linestyle='--')
sc2 = plt.scatter([],[],s=14**2,facecolors='gold', edgecolors='indigo',
            linestyle=':', linewidth=1.5)
plt.legend([(line,sc1), (line,sc2)], ["abc", "def"], numpoints=1)

plt.show()

但这也会导致禁用桌面菜单。
这是网站whiskersjersey.co.uk

2 个答案:

答案 0 :(得分:4)

如果您只想在移动设备屏幕上隐藏菜单栏,则应使用@media (max-width:481px) {menu{display:none;}}代替min-width

答案 1 :(得分:1)

您应该使用:

@media (max-width:481px){
    menu{display:none;}
}

而不是min-width。我还建议使用选择器(.menu#menu)而不是直接DOM元素定位,因为此元素本身可用于网站的其他部分,这将使您更准确地使用你渴望风格。