左上角固定导航栏上移动div

Question

由于某些原因，当我在md到lg类屏幕尺寸时，标题蓝色div下降[给出顶部填充]。无论如何将它固定在顶部？其次，当手机尺寸出现时，是否有办法将其设置在顶级导航栏下方？又名COL-SM和COL-XS

<div class="col-lg-12" id="Div1" style="border-left:0px; background-color:Blue; top:0; height:100px;"> 

该版本的jsfiddle出于某种原因没有显示MD LG的顶部填充问题，但它确实在谷歌浏览器中显示。

https://jsfiddle.net/cwmc6zc2/

Answer 1

我下载示例代码和运行在本地。它不会在我尝试的任何浏览器中下降。

But are you scaling your fonts?

左手侧是IE 11和右手边是Chrome的“切换装置工具栏”。 我也想补充“@media 只有屏幕 ...在我的媒体查询。