Questão 2834455

• Banca: FCC
• Órgão: CREMESP
• Ano: 2016
• Provas: FCC - 2016 - CREMESP - Analista de Tecnologia da Informação - Análise de Sistemas
• Disciplina: Programação
• Assuntos: CSS (Cascading Style Sheets); HTML (HyperText Markup Language); Linguagens de marcação

Web design responsivo usa HTML e CSS para que uma página web seja adequadamente apresentada em diversos tipos de dispositivos, como celulares, tablets, computadores, desktop etc. CSS3 introduziu uma nova técnica chamada media query que utiliza uma instrução para indicar que um bloco de propriedades CSS será aplicado somente se uma determinada condição for verdadeira. Por exemplo, para executar um bloco de propriedades CSS, somente se a janela do navegador for menor do que 768px, utiliza-se a instrução

• A. @mediaQuery only screen-max-width: 768px {/* propriedades CSS */}
• B. @apply if (screen >= 768px) {/* propriedades CSS */}
• C. @mediaQuery only screen on max-width: 768px {/* propriedades CSS */}
• D. @media if (screen >= 768px) {/* propriedades CSS */}
• E. @media only screen and (max-width: 768px) {/* propriedades CSS */}

Gabarito: E

Comentários

• GABARITO: Letra E

  Fonte: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

• e-

  Media query uses the @media rule to include a block of CSS properties only if a certain condition is true.

  Example

  If the browser window is 600px or smaller, the background color will be lightblue:

  @media only screen and (max-width: 600px) {

   body {

    background-color: lightblue;

   }

  }

  https://www.w3schools.com/css/css_rwd_mediaqueries.asp