Javascript openlayers模糊贴图和window.devicePixelRatio_Javascript_Openlayers 3

Javascript openlayers模糊贴图和window.devicePixelRatio

javascript openlayers-3

Javascript openlayers模糊贴图和window.devicePixelRatio,javascript,openlayers-3,Javascript,Openlayers 3,我正在我的webapp中集成OpenLayers 3。我发现地图是模糊的：我在谷歌上搜索了一下，我发现这可能与我的电脑中的财产有关 window.devicePixelRatio 不是1 这与我开发的电脑屏幕有关。在chrome和firefox中，这些参数都不是1，尽管彼此略有不同查看一些网站，我发现在大多数情况下，该参数为1。所以我试着找出这个参数是什么原因！=从1。我发现即使是最简单的页面 <!DOCTYPE html> <html> <head&g

我正在我的webapp中集成OpenLayers 3。我发现地图是模糊的：我在谷歌上搜索了一下，我发现这可能与我的电脑中的财产有关

window.devicePixelRatio

不是1

这与我开发的电脑屏幕有关。在chrome和firefox中，这些参数都不是1，尽管彼此略有不同

查看一些网站，我发现在大多数情况下，该参数为1。所以我试着找出这个参数是什么原因！=从1。我发现即使是最简单的页面

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
      <p>Lorem ipsum dolor sit.</p>
      <p>Asperiores cum debitis eum.</p>
      <p>Minus nihil ullam veniam?</p>
      <p>Beatae ea enim nobis.</p>
  </body>
</html>


Lorem ipsum dolor sit
白杨
减去nihil ullam veniam
Beatae ea enim nobis

在我的电脑上有windowPixelRatio==一,

那么：我该怎么做才能强制我的网站设置windowPixelRatio==1？这样我就可以知道这是否解决了地图模糊的问题。

好吧，在stackoverflow本身的窗口上。我的电脑上的devicePixelRatio是1。我想知道在网站上如何强制使用这个值。我的意思是，你能演示一下你的代码吗？JSFIDLE |普朗克我明白了！我的系统有点奇怪。我试着从文件系统提供上面描述的示例页面，它看起来更小。从nginx提供的服务更大：所以我在从文件系统和nginx提供服务时获得了两种不同的缩放设置。因此，出于某些原因，尽管chrome看起来放大了100%，但事实并非如此。这是一个已知的问题，如果浏览器不是100%缩放，地图会变得模糊。所以我缩小到90%，再次放大到100%，解决了问题！无论如何，这一定是windows级别的问题，因为firefox也遇到了同样的问题