我习惯开发台式电脑（10英寸+英寸）。 我正在努力建立一个仅在移动设备上使用的网站。
我怀疑如下： 我试图创建一个简单的大型500x500px。
我在Chrome模拟的“Nexus 5”（1920x1080，像素比率3）和真实的Nexus 5上尝试了生成的页面。同样的结果：在这两种情况下，div都比屏幕本身大得多。
我想这与像素比例有关。但我不明白这个链接。 任何线索？
提前致谢
答案 0 :(得分：1)
当您开发移动网站（特别是来自桌面背景）时，建议您使用HTML boilerplate作为起点。移动设备存在重要而微妙的差异，更不用说跨浏览器问题引起的边缘情况。
针对此特定问题，我怀疑您只需设置viewport meta tag，图片就会显示正确的大小：
<meta name="viewport" content="width=device-width, initial-scale=1">