谷歌地图如何打印工作？

Question

即使没有"打印机友好"的打印方向视图,当我在浏览器中选择"文件 - >打印"时,页面的格式也不同于原始视图.Google如何实现这一目标？它是一个特殊的JavaScript门面吗？

Answer 1

代码中将定义一个打印样式表,类似于:

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

如果样式表包含在单独的文件中.要么:

@media print {
    body { font-size: 10pt }
}
@media screen {
    body { font-size: 13px }
}
@media screen, print {
    body { line-height: 1.2 }
}

如果样式在代码正文中定义.最后一个定义显示相同的样式可以应用于多种媒体类型.

我不知道Google如何组织他们的代码库,这与此答案的目的无关.

认可的媒体类型包括:

全部适用于所有设备.
盲文 用于盲文触觉反馈装置.
压纹用于分页盲文打印机.
手持设备用于手持设备(通常是小屏幕,带宽有限).
打印 用于打印预览模式下的分页材料和在屏幕上查看的文档.有关页面媒体特定格式问题的信息,请参阅分页媒体部分.
投影 用于投影演示,例如投影仪.有关页面媒体特定格式问题的信息,请参阅分页媒体部分.
屏幕主要用于彩色电脑屏幕.
语音用于语音合成器.注意:为此,CSS2有一个类似的媒体类型叫做"aural".有关详细信息,请参阅听觉样式表的附录.
tty 用于使用固定间距字符网格的媒体(例如电视类型,终端或具有有限显示功能的便携式设备).作者不应使用具有"tty"媒体类型的像素单元.
tv适用于电视类设备(低分辨率,彩色,可滚动屏幕,声音可用).

从这里