我的项目位于以下网址:
文档中包含的div和画布在大多数设备上设置为480像素宽,但在移动设备上(我的iPhone和Android手机是我测试的唯一设备,但我认为它几乎是通用)它们在文档上是480像素,但文档比屏幕上的像素数更宽(如果您还不了解,当您在移动设备上查看时,您将理解我的意思)。奇怪的是它在电脑上运行得非常好。
我该如何解决这个问题?
答案 0 :(得分:3)
使用有效的DOCTYPE然后
<meta name="viewport" content="width=device-width, initial-scale=1">
重要的部分是width=device-width
。
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag