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%;
}

Answer 2

你不需要javascript，这段代码会很好用：

img{ 
 width:50%;
}

但是，如果你想使用那段javascript它可能不适用于移动设备，因为你没有设置视口标签，请将其粘贴到<head>

中

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