我正在整理一个HTML页面,可以在手机和PC/Mac上查看。在文本中,我有时会有内联图像:
<p>to do that, then press on button <img src="button.png" /> for 2 seconds</p>
我的字体大小是em或%,所以它在低分辨率手机和高分辨率手机上都是可读的。问题是我的按键(通常是32px的高图像)在高分辨率手机上看起来太小了。
如何调整图片大小?最好是纯CSS,但JS仍然可以。
如何在这里修改图片大小?:
var image = new Image();
image.src = 'http://www.ziiweb.com/images/logo.png';
image.width = 200; //this is not modifying the width of the image
$('canvas').css({
background: 'url(' + image.src + ')'
});
<script src="https://ajax.googleapis.