Aplicar los estilos a diferentes dispositivos con CSS (2)

Para ver como quedaría el ejemplo, imprimir esta página o bien ir a la "Vista preliminar" del explorador, en Internet Explorer: "Archivo->Vista preliminar", en NetScape: "Archivo->imprimir Vista Preliminar".
Podéis ver las diferencias haciendo esto mismo con cualquier otro artículo.

<!--Copyright © McAnam.com-->
<!--
Con este ejemplo, al imprimir la página, los input como el botón no aparecerán, y el texto aparecerá mas pequeño y de color negro para una mejor lectura. Además se han adaptado las dimensiones para que quepan en un DIN A4
-->
<style type="text/css">
    @media print{
        input{
            display:none;
        }
        body{
            font-weight: 400;
            font-size: 3mm;
            color: 10px;
        }
        p{
            width:5in;
            font-weight: 400;
            font-size: 3mm;
            color: 10px;
        }
        td{
            font-weight: 400;
            font-size: 3mm;
            color: 10px;
        }
    }
</style>



Autor: McAnam
http://www.mcanam.com/articulos/Estilos.php?id=5

Usuarios que han visto este tema también han visto...

- Estilos CSS distintos con PHP y cookies
- Clases, pseudoclases y pseudoelementos en css
- Maquetar una página con CSS
- Cómo usar fuentes personalizadas mediante CSS
- Cómo solucionar problemas en CSS

- Versión imprimible de este documento
- Enviar por e-mail este documento