O melhor tutorial CSS3 consultas de mídia exemplos em 2024. Neste tutorial você pode aprender 520 para 699px de largura - adicionar o ícone da caixa de correio,700 a 1000px - adicionar informações prefixo texto,Maior que 1001PX largura - Adicionar endereço de e-mail,Maior do que 1151px de largura - adicionar o ícone,mais exemplos,
Neste capítulo, vamos demonstrar-lhe alguns exemplos para multimídia.
Antes de começar a fazer uma lista de links para a caixa de correio eletrônico. código HTML é a seguinte:
Note-se que data-email
propriedades. Em HTML, podemos usar com data-
prefixo de atributo para armazenar informações.
Quando a largura do navegador no 520 a 699px, a caixa de correio antes de adicionar o link ícone Mail:
Quando a largura do navegador 700 a 1000px, vai ligar uma caixa de correio antes de acrescentar "Email:":
Quando o navegador é mais amplo do que 1001PX, contato endereço de e-mail será adicionado após o link.
Usamos data-
atributos para adicionar endereços de e-mail depois de cada um dos nomes:
Quando o navegador é mais amplo do que 1001PX, os nomes serão adicionados na frente do ícone.
Exemplo, não temos para escrever blocos de consulta adicionais, podemos usar nas consultas de mídia existentes separados por vírgulas para adicionar consultas de mídia adicionais (similar operador OR):
Use o link lista de discussão sobre uma barra lateral página da Web
Os exemplos na coluna esquerda da página para adicionar uma lista de discussão de links.