Questão de Web
Para que se possa ter um Design Responsivo que possa funcionar em dispositivos móveis, uma das estratégias é o uso de CSS 3.0 e da especificação de media type presente nesta versão de CSS. Também é necessário o ajuste das viewport. No caso, para que um mesmo arquivo CSS 3.0 (já tendo sido definido as devidas viewport no código HTML) possa funcionar em dispositivos com tamanhos de tela 480px e 640px de largura, ajustando o tamanho de fonte da página web de forma responsiva, podemos ter o arquivo definido da seguinte forma:
Qual alternativa apresenta a forma correta de definir o CSS para tamanhos de tela 480px e 640px?
A
@media (width: 480px) { body { font-size: 12px; } @media (width: 640px) { body { font-size: 14px; }
B
@media (max-width: 480px) { body { font-size: 12px; } @media (max-width: 640px) { body { font-size: 14px; }
C
#media (width: 480px) { body { font-size: 12px; } #media (width: 640px) { body { font-size: 14px; }
D
.media (max-width: 480px) { body { font-size: 12px; } .media (max-width: 640px) { body { font-size: 14px; }
E
@media (max-height: 480px) { body { font-size: 12px; } @media (max-height: 640px) { body { font-size: 14px; }
Ainda não há comentários para esta questão.
Seja o primeiro a comentar!
Aulas em vídeo Em breve
00:00