我的主页显示有问题。这是我在响应式设计方面的第一次尝试，我想这到目前为止还不错。我在这里上传了项目：https://adventuretrails.000webhostapp.com您也应该能够在那里访问所有必要的资源。
由于这是一个非常早期的版本，所以涉及到很多错误，但我希望你专注于这个特定的错误：
如果您调整浏览器窗口的大小，则可以看到平板电脑版本的样式更改，如果您将窗口缩小到移动版本。 这就是我希望我的主页在每个移动设备上显示的方式。
由于设备具有不同的分辨率，每当移动设备的像素比率为1时看起来很好，如果像素比率为2（iphone5），看起来没问题，但是2以上的所有内容都非常难看。
我知道我可以为每个可能的像素比设置css样式，但这不是最终解决方案，对吧？目前，我认为最大的通常设备像素比约为4。但是在几年内会有更多。
那么有没有办法让浏览器知道，以设备像素比率1显示我的主页？还是一个类似的解决方案，它为我节省了为每个像素比定义css样式的迂回？