Red de conocimiento informático - Computadora portátil - CSS responsivo, por ejemplo, la página de inicio de Taobao se convertirá directamente en una página móvil después de reducirse a un cierto ancho.

CSS responsivo, por ejemplo, la página de inicio de Taobao se convertirá directamente en una página móvil después de reducirse a un cierto ancho.

Escrito en conjunto, se reduce a un tamaño muy pequeño debido al uso de display: none; para ocultar y luego al uso de position: relativo para ajustar, que consiste en agregar la consulta en css: @media only screen y (min-width: 700px). ) y (ancho máximo: 90000px){

Dentro está el ancho del navegador de consultas, que cumple con los requisitos de implementación de estilo aquí

}

IE8 lo hace no admite el uso de condiciones Nota:

lt;! --[si IE]gt; para IE lt;! [endif]--gt;

lt;!--[si IE 6]gt; para IE6 lt;! [endif]--gt;

lt;!--[si IE 7]gt; para IE7 lt;! [endif]--gt;

lt;!--[si IE 8]gt; para IE8 lt;! [endif]--gt;

lt;!--[if IE 9]gt; para IE9 lt;! [endif]--gt;

lt;!--[if gt IE 6]gt; para IE6 lt;! [endif]--gt;

lt;!--[if lte IE 7]gt; para IE7 o inferior lt;! [endif]--gt;

lt;!--[if gte IE 8]gt; para IE8 o posterior lt;! [endif]--gt;

lt;!--[if lt IE 9]gt; para IE9 o inferior lt;! [endif]--gt;

lt;!--[if !IE]gt; --gt; Aplicable a no-IE lt;! --lt;! [endif]--gt;

Desarrollo de APP:

lt;meta name="apple-mobile-web-app-capable" content="yes" /gt;

lt; p>

lt;meta name="viewport" content="ancho=ancho del dispositivo, escala inicial=1, escalable por el usuario=no, escala mínima=1.0, escala máxima =1.0" /gt;

lt;!