Каково максимальное значение в пикселях свойств ширины и высоты CSS?

Каковы самые большие допустимые значения px, которые принимают свойства CSS width и height?

(В настоящее время я создаю веб-приложение, которое создает очень большой масштабируемый элемент контейнера, и я хочу знать, каковы фактические ограничения.)


css width height specifications upperbound
person sbichenko    schedule 19.05.2013    source источник
comment
Это зависит от UA - нет единого значения, на которое можно было бы опереться.   -  person Jason Yaraghi    schedule 19.05.2013
comment
@Adrift Пожалуйста, уточните.   -  person sbichenko    schedule 19.05.2013
comment
"CSS theoretically supports infinite precision and infinite ranges for all value types; however in reality implementations have finite capacity. UAs should support reasonably useful ranges and precisions. – Раздел 4 в Модуле "Значения и единицы измерения". нужно выяснить это для каждого браузера.   -  person Jason Yaraghi    schedule 19.05.2013

Ответы (1)


arrow_upward
36
arrow_downward

Используя инспектор CSS, который поставляется с некоторыми браузерами, для элемента с шириной и высотой 10000000000px:

Firefox: 33554400px
Chrome:  33554428px
Opera:   33554428px
IE 9:    21474836.47px
person James Donnelly    schedule 19.05.2013
comment
IE7 говорит.... 134217727px ‹- Нет, я не пропустил десятичную дробь. Протестировано с использованием jsfiddle.net/SQ7Lz. - person colllin; 22.07.2014
comment
MS Edge сообщает 10737418.23px - person Chris Seufert; 15.09.2015
comment
К сожалению, вы не можете доверять инспекторам CSS. Например, в IE11, если вы установите высоту 6 миллионов пикселей, инспектор сообщит об этом как -184070.03px; но с javascript вы можете видеть, что это 1533916.875px. Это максимальная высота, которую вы можете установить с помощью css как в IE11, так и в Edge. Что @collin показал, так это то, что вы можете делать элементы больше, чем это ограничение, помещая элементы внутри них. Я недавно рассматривал эту проблему: jsfiddle.net/JoolsCaesar/aczx25u4/8 - person Jools; 24.01.2017
comment
Кроме того, IE11 и Edge полностью не могут проанализировать CSS (10000000000px) в jsfiddle @JamesDonnelly, поэтому у них просто высота 18px. Мало того, что существуют странные и противоречивые ограничения для всех видов значений, например, scrollHeight, о котором IE может сообщить, намного ниже, чем он может иметь, поэтому у вас есть scrollTop, намного больше, чем ваш scrollHeight (можно увидеть в этой скрипке ^ ). - person Jools; 24.01.2017