linkedin、facebook或quora使用的css样式表是什么

linkedin、facebook或quora使用的css样式表是什么,css,responsive-design,Css,Responsive Design,我一直在想linkedin、facebook或quora是如何设计他们的网站的。当我在浏览器中看到他们的网站处于响应模式时,我发现他们的网站固定在1000px或1100px点,内容没有变化,但当我在手机上看到他们的网站时,它看起来没问题。他们是怎么做到的 编辑:- 为了使问题更具体。只需打开浏览器,访问linkedin、quora或facebook即可。Toogle响应模式(在firefox ctrl+shift+m中)并继续缓慢缩小屏幕大小,然后在低于1000像素点或1100像素点的情况下,内

我一直在想linkedin、facebook或quora是如何设计他们的网站的。当我在浏览器中看到他们的网站处于响应模式时,我发现他们的网站固定在1000px或1100px点,内容没有变化,但当我在手机上看到他们的网站时,它看起来没问题。他们是怎么做到的

编辑:-
为了使问题更具体。只需打开浏览器,访问linkedin、quora或facebook即可。Toogle响应模式(在firefox ctrl+shift+m中)并继续缓慢缩小屏幕大小,然后在低于1000像素点或1100像素点的情况下,内容得到修复,并且不会改变。我熟悉媒体查询,根据媒体查询,内容应根据您阅读此问题的当前页面进行响应。尝试切换响应模式,查看当前页面的内容如何响应不同的屏幕大小,但如果是linkedin,facebook或quora低于1000px和1100px点,内容没有响应。

他们使用@media指令。它对于创建断点很有用。一些例子:

/*---示例1---*/
/*通常情况下,盒子的宽度为100%*/
.盒子{
宽度:100%;
}
/*但在宽度大于100px的屏幕上*/
@媒体屏幕和屏幕(最小宽度:1000px){
/*它只有50%的宽度*/
.盒子{
宽度:50%;
}
}
/*---例2---*/
/*如果屏幕宽度为200px或更小*/
@媒体屏幕和屏幕(最大宽度:200px){
/*显示特别警告*/
.浏览器太小{
显示:块;
}
}
/*---例3---*/
/*@media不仅可用于响应调整大小*/
@媒体印刷品{
/*打印时隐藏.navbar、.ads和.footer*/
.navbar、.ads、.footer{
显示:无;
}
}

更多信息:

谢谢你的回答。我真的很感激。