“像素不像素”和画布，什么是正确的方式？

随着删除目标densitydpi它相当fu..n现在追求。主流浏览器在我的设备上缩放页面1.5倍（华为荣誉android 4.0）。如何防止画布的像素化？“像素不像素”和画布，什么是正确的方式？

2013-04-15 special K

可能是由于您的设备不能阻止浏览器根据布局放大或缩小屏幕。在头部添加视口元标记。

<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />

希望这个工程。

2013-04-15 19:19:23

我想防止缩放，但我不想在画布中进行像素化。好的，我设置了这个视口。如果我将100x100px图像添加到画布（使用drawImage），则浏览器会将其缩放到150x150像素，并向我显示像素化。正在推广全新的“响应式网站设计”的人们，他们如何使用画布？ –

为该画布指定一个类或标识（示例 - 画布）或任何您喜欢的内容，并在样式表中将其CSS样式定义为#canvas {width：70％！important;}注意 - 重要是必需的。为每个视口定义它/ mediaqueries 。到目前为止的画布只有这个黑客可以在CSS中使用。 –

回答