<style type="text/css" media=print> 和 @media print 的区别有哪些

<style type="text/css" media=print> 和 @media print 的区别有哪些

显示器(screen)和打印机(printer)是两种差别很大的设备,所以从浏览器里看到的页面,打印出来也许和你看到的样子有很大的差距。screen一般使用逻辑单位比如px,而打印机则应该使用物理单位比如cm或in。我们常见的A4纸张大小在不同DPI的显示器上显示的大小是不同的。因此如果要精确的控制打印效果就应该使用print
css。
引入print css
使用link标签就像通常在html页面中引入样式表一样,不过附加一个额外的media属性,如下面这样:
表明print.css样式表是用于打印的
使用@media规则可以在通用的样式表中,使用@media规则指定样式用于打印,比如这样:
@media print selector {
...
}或者
@media print {
  selector{
  ...
  }
}

区别就是
@media是写在通用样式表中 在页面加载的时候会被加载进来
media=print 是在打印机显示的时候才会加载进来
也就是说如果你的网页不是在打印机显示的话根本就没必要加载这些多余的代码
只会影响网页的加载速度
然而在实现效果方面是完全没有区别的

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息