與以前的版本不同,IE 11開發人員工具顯示「自動」而不是實際寬度。在ie 11中也可以這樣做嗎?IE 11開發人員工具不顯示元素的寬度
7
A
回答
-1
IE11中的F12開發工具顯示auto
爲width
當您指定它時,因爲它顯示指定的樣式。這與其他工具的功能相匹配,例如Chrome開發工具和Safari Web Inspector。
如果您希望看到實際的計算寬度,可以切換到邊欄中的「計算」選項卡,並在那裏查找寬度(或者在過濾器字段中輸入它),或者您也可以看到它在「佈局」選項卡中的框模型圖中。
0
在上方菜單欄上的開發人員視圖(IE 11)中,右側有一個圖標,其中包含名爲Document Mode Emulated的顯示和旁邊的箭頭。點擊箭頭並嘗試從下拉菜單中選擇另一個版本。 默認情況下,對我來說,它被設置爲版本5,所以我將它切換到Edge並且它正在工作。我能夠看到選定HTML元素的真實尺寸。
0
- 右擊元素,然後選擇檢查元素。您也可以使用F12打開開發工具。
- 在「Dom資源管理器」選項卡的側欄中,找到「佈局」選項卡(請參見屏幕截圖)。
- 「佈局」工具顯示元素的尺寸,包括本地元素的寬度和高度,應用於它的填充,邊框,邊距和偏移量。
相關問題
- 1. IE開發人員工具:源不顯示完整的HTML
- 2. IE開發人員工具欄問題
- 3. 在IE Compat View中,開發人員工具使用前一個元素的類顯示元素「樣式」。
- 4. Google Chrome開發人員工具未顯示檢查過的元素樣式?
- 5. 在IE開發人員工具欄(F12)中不顯示IE8 border-radius屬性
- 6. CSS規則不會在開發人員工具中顯示
- 7. Java開發人員的開發工具
- 8. Internet Explorer 11開發人員工具模式
- 9. Internet Explorer 11開發人員工具斷點窗格丟失
- 10. 爲什麼在IE開發人員工具中顯示此虛幻空標籤?
- 11. 爲什麼IE 11不能渲染:在元素之後,將css顯示爲交叉開發工具?
- 12. Chrome開發人員工具可以通過ID複製元素
- 13. Chrome開發人員工具 - 動態創建元素
- 14. 如何在chorme開發人員工具中添加persudo元素?
- 15. 使用Chrome開發人員工具向DOM添加元素?
- 16. 谷歌瀏覽器中的開發人員工具未顯示
- 17. Chrome開發人員工具中CSS規則的顯示順序
- 18. 在Chrome開發人員工具中未顯示js cookie
- 19. Chrome瀏覽器開發人員工具:腳本顯示多次
- 20. 在Chrome開發人員工具中突出顯示橙色
- 21. Android開發人員工具:XML無法正確顯示
- 22. 開發人員工具打開時,Javascript onclick不會觸發
- 23. 開發人員工具'元素'中的chrome ctrl + f不起作用
- 24. 即使其開發人員工具顯示它,IE8也不會應用樣式
- 25. Ruby/Rails開發人員的JSP工具?
- 26. 如何在IE中始終啓用開發人員工具
- 27. 如何從IE開發人員工具獲取數據?
- 28. 是否可以在IE開發人員工具中更正JavaScript?
- 29. 更改firebugx.js以適應IE開發人員工具
- 30. IE條件註釋不工作在IE 11的Windows 8.1和開發工具
去過那裏,只是顯示 「自動」。 –