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...

- 10 errores comunes en CSS
- Algunos consejos que te ayudarán en CSS
- CSS para campos textarea de formulario
- Distintos bordes de imágenes
- Mozilla: navegador centrado en el usuario

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