SóProvas

ID
2561914
Banca
FCC
Órgão
TST
Ano
2017
Provas
Disciplina
Programação
Assuntos

Uma página web responsiva é aquela que se adapta automaticamente às diferentes resoluções de tela, seja de um computador, de um dispositivo móvel, de uma TV etc. Uma das formas de se conseguir uma página responsiva é referenciando diversos arquivos CSS na página, um para cada tamanho de tela. Por exemplo, para especificar um arquivo CSS chamado config.css para dispositivos com largura da janela (resolução) até 500 pixels utiliza-se a instrução

Alternativas
Comentários

  • CSS media types

    Desde a época do CSS2, há uma preocupação com o suporte de regras de layout diferentes para cada situação possível. Isso é feito usando os chamados media types, que podem ser declarados ao se invocar um arquivo CSS:

     

    https://www.caelum.com.br/apostila-html-css-javascript/web-para-dispositivos-moveis/#6-2-css-media-types

  • The @media rule is used to define different style rules for different media types/devices.
    In CSS2 this was called media types, while in CSS3 it is called media queries.
    Media queries look at the capability of the device, and can be used to check many things, such as:
    width and height of the viewport
    width and height of the device
    orientation (is the tablet/phone in landscape or portrait mode?)
    resolution
    and much more

     

    Syntax: < link rel="stylesheet" media="mediatype and | not | only (media feature)" href="mystylesheet.css" >

     

    https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

     

    Gabarito: e)

  • nao basta as media queries me fuderem na vida real

     

    tem que me fuder em concurso tbm

     

    http://blog.caelum.com.br/flexibilidade-em-paginas-para-dispositivos-moveis-com-media-queries/

  • e-

    The @media rule is used in media queries to apply different styles for different media types/devices.

    Media queries can be used to check many things, such as:

      width and height of the viewport

      width and height of the device

      orientation (is the tablet/phone in landscape or portrait mode?)

      resolution

    Using media queries are a popular technique for delivering a tailored style sheet (responsive web design) to desktops, laptops, tablets, and mobile phones.

    You can also use media queries to specify that certain styles are only for printed documents or for screen readers (mediatype: print, screen, or speech).

    In addition to media types, there are also media features. Media features provide more specific details to media queries, by allowing to test for a specific feature of the user agent or display device. For example, you can apply styles to only those screens that are greater, or smaller, than a certain width.

    CSS Syntax

    @media not|only mediatype and (mediafeature and|or|not mediafeature) {

     CSS-Code;

    }

    https://www.w3schools.com/cssref/css3_pr_mediaquery.asp