我在使用CSS / Javascript时遇到了一些令人困惑的挑战。我制作了一个简单的页面,我希望移动用户的布局不同。但是,我似乎无法改变输入表单的大小。
如果用户在移动设备上,我运行以下Javascript:
document.getElementById("bookimage").style.display="none";
document.getElementById("inputs").style.width="140px";
因此它隐藏了一个图像,并且应该将输入框的宽度减小到140px。不幸的是,虽然它成功隐藏了图像,但输入字段保持不变。
我将代码置于if语句之外,以便它适用于任何设备,并且在我的桌面上输入已正确调整大小。我也尝试将它设置为style.display =" none",它再次适用于桌面,但在移动设备上没有任何作用。然后我清除了手机的缓存,但没有变化。即使我直接在CSS样式部分设置宽度,它也不会影响手机显示的内容。 (我正在使用运行Android的三星,如果相关的话。)
我无法理解为什么一切都有效但这是一个特殊的功能。非常感谢任何建议。