@media (max-width: 100px) { /* CSS Rules */ }
e a consulta de mídia a seguir retorna o conteúdo quando o a altura do dispositivo é maior ou igual a 350px: @media @media (min-height: 350px) { /* CSS Rules */ }
Lembre-se, o CSS dentro da consulta de mídia é aplicado somente se o tipo de mídia corresponder ao do dispositivo que está sendo usado. p
tenha um font-size
de font-size
de 10px quando a altura do dispositivo for menor ou igual a 800px. p
deve ter o font-size
da font-size
de 10px quando a height
do dispositivo for menor ou igual a 800px.
testString: 'assert($("p").css("font-size") == "10px", "Your p
element should have the font-size
of 10px when the device height
is less than or equal to 800px.");'
- text: Declare uma consulta @media
para dispositivos com uma height
menor ou igual a 800px.
testString: 'assert(code.match(/@media\s*?\(\s*?max-height\s*?:\s*?800px\s*?\)/g), "Declare a @media
query for devices with a height
less than or equal to 800px.");'
```
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
```