我有一个宽度为 512 像素的 Canvas 元素,我想将移动设备的视口(viewport)设置为 1:1 匹配。
我能够使用以下元标记在 Samsung Galaxy S3 上的 Android Stock 浏览器中实现此目的:
<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=512,height=device-height,target-densitydpi=device-dpi,user-scalable=yes">
但是,在 Android 版 Chrome 中,它仅显示一半的 Canvas ,而在 Samsung Galaxy S2 的 Stock 浏览器中,它仅显示三分之二。
有没有办法强制视口(viewport)始终显示宽度恰好为 512 像素的内容?
最佳答案
取消缩放参数:
<meta name="viewport" content="width=512,height=device-height,user-scalable=no">
关于canvas - 在元视口(viewport)标签中设置宽度以匹配 Canvas 元素的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17261042/