Analise o trecho de HTML/CSS exibido a seguir.
<head>
<style>
div.ex1 { width:800px; }
div.ex2 { max-width:800px; }
</style>
</head>
<body style="font-size: 24px">
<div class="ex1">Este texto ocupa
aproximadamente uns 15 centímetros da
tela.</div>
<div class="ex2">Este texto ocupa
aproximadamente uns 15 centímetros da
tela.</div>
<div>Este texto ocupa aproximadamente uns 15
centímetros da tela.</div>
</body>
Num display com largura de 30 cm, com a janela do browser no tamanho normal, numa página contendo apenas esses elementos, cada div é exibido em uma única linha, ocupando perto de 11 cm.
Nesse cenário, considere as hipóteses sobre o comportamento dos elementos quando a largura da janela do browser é reduzida para 6 cm:
I. A largura do primeiro div é reduzida, e o texto é rearranjado de acordo.
II. A largura do segundo div mantém-se, e parte do texto torna-se não visível.
III. A largura do terceiro div é reduzida, e o texto é rearranjado de acordo.
Sobre essas hipóteses, conclui-se que:
somente I e II são verdadeiras;
somente I e III são verdadeiras;
somente II e III são verdadeiras;
somente III é verdadeira;
I, II e III são verdadeiras.