Html 响应式下拉菜单不支持'；t重定向到外部站点

关于我的网站，我还有一个问题

我已经为移动网站编程了一个小型的响应式下拉菜单——问题是，即使我将这些第三方链接放入HTML中，该菜单也无法将我指向第三方网站

这里是我的HTML和CSS的问题下拉菜单。任何关于可能出现错误的见解都将受到赞赏

HTML+CSS

/*标题*/
标题{
位置：固定；
z指数：100；
宽度：100%；
边框底部：实心1px#c6c1c1；
背景色：白色；
}
标题.内容{
显示器：flex；
对齐项目：居中；
填充物：1.875雷姆；
}
标题.网站标志{
弹性：1；
宽度：60%
}
标题导航ul{
显示器：flex；
}
保险商实验室{
列表样式类型：无；
显示器：flex；
边距块开始：1em；
边缘块端部：1米；
边距内联开始：0px；
边距内联端：0px；
填充内联开始：40px；
}
李海军{
左侧填充：3.5雷姆；
}
李导航：最后一个孩子{
显示器：flex；
}
导航a{
垂直对齐：底部对齐；
线高：1.6；
字号：1rem；
颜色：#de6cb6；
}
导航选择{
显示：无；
}
导航按钮{
填充：.1875rem.5rem；
背景色：#9dc20b；
线高：1.6；
颜色：白色；
}
答：-webkit任何链接{
光标：指针；
}
标题.图标{
宽度：1em；
左侧填充：.75rem；
颜色：#de6cb6
}
头，手机{
显示：无；
}
@仅介质屏幕和（最大宽度：1200px）{
李导航：最后一个孩子{
显示：块；
}
标题.内容{
填充：1rem1rem；
}
}
@仅介质屏幕和（最大宽度：1000px）{
标题{
浮动：无；
}
标题导航ul{
显示：无；
}
标题导航选择{
显示：内联块；
宽度：100%；
}
标题.内容{
填充：.5rem 0；
}
}

印模
EN
一款图片分享应用
Linkedin

如评论中所述，您需要一些JavaScript，请参阅以了解此工作的实际情况

挑选
印模
EN
一款图片分享应用
Linkedin

如果没有JavaScript，单凭HTML是做不到任何事情的，因为代码太多了！现在我的下拉菜单工作正常：）还有一个问题-我可以更改下拉菜单的大小吗？它确实可以在手机上显示，但看起来太小了。我尝试了这里列出的技巧，但没有成功。您可以使用

@仅媒体屏幕和（最大宽度：600px）{select{width:200px；}}

。将

宽度定义为所需的宽度。如果我的回答解决了您的原始问题，请将其标记为已接受，这样系统就不会错误地对其进行分类。@morry239在我的上一篇文章中完成了代码。评论工作？再次感谢您的源代码。我把它应用到我的VScode上，下拉菜单的宽度变长了，但选项（imprint、Instagram等）仍然显示微小的文本。