使用Javascript更改移动设备的CSS

时间:2016-06-01 19:40:11

标签: javascript css dom mobile

我在使用CSS / Javascript时遇到了一些令人困惑的挑战。我制作了一个简单的页面,我希望移动用户的布局不同。但是,我似乎无法改变输入表单的大小。

如果用户在移动设备上,我运行以下Javascript:

document.getElementById("bookimage").style.display="none";
document.getElementById("inputs").style.width="140px";

因此它隐藏了一个图像,并且应该将输入框的宽度减小到140px。不幸的是,虽然它成功隐藏了图像,但输入字段保持不变。

我将代码置于if语句之外,以便它适用于任何设备,并且在我的桌面上输入已正确调整大小。我也尝试将它设置为style.display =" none",它再次适用于桌面,但在移动设备上没有任何作用。然后我清除了手机的缓存,但没有变化。即使我直接在CSS样式部分设置宽度,它也不会影响手机显示的内容。 (我正在使用运行Android的三星,如果相关的话。)

我无法理解为什么一切都有效但这是一个特殊的功能。非常感谢任何建议。

0 个答案:

没有答案