我希望在屏幕宽度的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;
这似乎无法解决我的问题。
答案 0 :(得分:2)
试试这样:
<强> CSS:强>
img{
width:50%;
}
或者你可以根据给出的建议使用这样的单独的类
img.width50{
width:50%;
}
答案 1 :(得分:1)
你不需要javascript,这段代码会很好用:
img{
width:50%;
}
但是,如果你想使用那段javascript它可能不适用于移动设备,因为你没有设置视口标签,请将其粘贴到<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />