自测视网膜图_自适应的视网膜Google Map Images

自测视网膜图

带有关键字的标题怎么样？ 让我们看一下Google地图-更具体地说，是将其包含在您的网站中的另一种方法。 我们将以响应方式工作（当然），我们将研究一个媒体查询，这也将帮助我们使用Retina显示器。

---

如果您曾经对图像应用过边界半径（在实际上有可能对图像应用边界半径之前），那么这项技术可能会大打折扣。 它还考虑到了有关精灵和视网膜显示的最新讨论。

---

观看截屏

或者， 下载视频，或通过YouTube订阅Webdesigntuts +屏幕录像

---

其他资源

• 静态Maps API V2开发人员指南
• Edward Cant 针对高像素密度显示进行的优化
• Maykel Loomans 使用CSS Sprite优化视网膜显示的网站
• 通过Thomas Fuchs 重新整理您的网站和应用程序

最后一点：版权可能是实际使用该技术的一个问题。 在模糊版权声明的过程中，我们违反了使用条款 ，因此，在图片下方添加其他选项可能是明智的选择，在这种情况下， 地图数据为©2012 Google，Whereis®，Sensis PtyLtd 。 就是说，我不能保证Google可以接受。

翻译自: https://webdesign.tutsplus.com/articles/responsive-retinafied-google-map-images--webdesign-8097

自测视网膜图