javascript - 如何在大屏幕和小屏幕上显示超过 50% 宽度的图像？

Question

我想在屏幕宽度的 50% 上显示横幅图片。

以下 javascript 代码适用于我的桌面，但不适用于我的 iphone。图片很小。

var width = screen.width;
return <img src="http://test.com" width=' + width/2  />'

我想也许宽度应该这样计算？

var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;

这似乎没有解决我的问题。

Answer 1

像这样尝试:

CSS:

img{ 
 width:50%;
}

或者您可以根据给出的建议使用像这样的单独类

img.width50{ 
 width:50%;
}