Инструменты разработчика IE 11 не показывают ширину элемента
Инструменты разработчика IE 11 отображают "авто" вместо фактической ширины в отличие от предыдущих выпусков. Возможно ли сделать это также в то есть 11?
3 ответа
- Щелкните правой кнопкой мыши на элементе и выберите "Проверить элемент". Вы также можете просто открыть Dev Tools, используя F12.
- На вкладке "Dom Explorer" на боковой панели найдите вкладку "Макет" (см. Скриншот).
- Инструмент "Макет" показывает размеры элемента, включая ширину и высоту нативного элемента, примененный к нему отступ, границу, поле и смещение.
В представлении "Разработчик" (IE 11) в верхней строке меню справа есть значок с дисплеями под названием "Режим эмуляции документа" и стрелка рядом с ним. Нажмите на стрелку и попробуйте выбрать другую версию из выпадающего меню. По умолчанию для меня была установлена версия 5, поэтому я переключил ее на Edge, и она работала. Мне удалось увидеть реальные размеры для выбранных элементов HTML.
Инструменты разработчика F12 в IE11 показывают auto за width когда вы указываете его как таковой, так как он показывает указанные стили. Это соответствует тому, что делают другие инструменты, такие как Chrome Dev Tools и Safari Web Inspector.
Если вы хотите увидеть фактическую вычисленную ширину, вы можете переключиться на вкладку "вычисленные" на боковой панели и посмотреть ширину там (или ввести ее в поле фильтра), или вы также можете увидеть ее в блочной модели диаграмма во вкладке "макет".