左上角固定導航欄上移動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 只有屏幕 ...在我的媒體查詢。