今天在開發的過程中前端專案，在小裝置上會出現滑動條，這本沒什麼，在其他瀏覽器上都很正常，但是在IE10和IE11上出現了問題，發現側邊滑動條擋住了一部分頁面的內容，因為側邊有要操作的按鈕，這就是一個很嚴重的問題了，後來發現是@-ms-viewport這個style引起的問題，這是為了自適應佈局的css，但是在PC端的IE10和IE11中，會讓滑動條像手機一樣浮動出來，脫離頁面，但是沒有手機那麼靈敏。在本專案中，我的通用css檔案並沒有使用該style，只是在head中加入了<meta>做自適應。後來發現是在專案中使用了bootstrap.css，該檔案設定了以下css，去掉就好了。

@-ms-viewport {

 width: device-width;

}