Question

我为导航栏制作了dropdown菜单，但问题是，width的{{1}}为div，并且必须以这种方式在桌面上正确显示，但问题是我无法在移动设备上正确显示它。我正在寻找一种方法让它在移动时自动缩小宽度。谢谢！

825px

Answer 1

您正在寻找的是特定于设备的样式表：

<link rel='stylesheet' media='screen and (max-device-width: 480px)' href='mobile.css' type='text/css'>

Answer 2

您必须将width: 825px;更改为width: 100%;并添加max-width: 825px;

/* Dropdown Content (Hidden by Default) */ 
.ddmenu-content { 
    display: none; 
    position: absolute; 
    left: -132px; 
    top: 26px; 
    background-color: #212125; 
    width: 825px; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

这样你最大宽度可达825px;这将是在桌面上，当你减小屏幕的大小时，它将宽度为100％

在移动设备上调整宽度以适应屏幕

2 个答案: