Javascript 应用于导航栏的台式机和笔记本电脑的屏幕宽度

像facebook、twitter甚至stack exchange这样的网站如何让导航栏自动调整为桌面/笔记本电脑屏幕宽度的大小，我知道他们没有使用宽度：100%，因此会调整导航栏的大小。他们在使用什么技术？是媒体查询吗？或者一些获取屏幕宽度的javascript函数，然后将其应用为导航栏宽度。

试试这段代码，它的行为与stackoverflow导航栏完全相同

正文{
文本对齐：居中；
}
#导航栏{
高度：30px；
宽度：100%；
背景色：黑色；
文本对齐：居中；
}
#FW中心{
宽度：800px；
身高：继承；
位置：相对位置；
文本对齐：居中；
背景色：红色；
}
#对{
宽度：49%；
文本对齐：右对齐；
显示：内联块；
高度：30px；
}
#左{
宽度：49%；
文本对齐：左对齐；
显示：内联块；
高度：30px；
}

左边
正当

很简单，他们使用CSS 3或者一些JavaScript。哈哈！明白了！它非常厚颜无耻和聪明。100%始终根据屏幕宽度进行调整，但是有一个内部导航栏具有相同的高度，但具有指定的宽度，这会阻止导航栏调整大小，使您感觉它适合每台笔记本电脑和台式机的屏幕宽度。我从来没想过。谢谢