Javascript 如何根据屏幕宽度设计按钮

Javascript 如何根据屏幕宽度设计按钮,javascript,javascript-objects,dom-events,Javascript,Javascript Objects,Dom Events,我想编写一个屏幕大小响应按钮,它将根据Javascript中的屏幕大小调整自身大小。 我可以在css3中实现,但我需要Javascript编码。我使用navigator.userAgent来检测浏览器,如果它对您有帮助的话 要获取屏幕高度、宽度,可以使用: screen.availWidth 屏幕可用高度 或 window.innerWidth我不知道你为什么喜欢js而不是css,但你可以这样做: // lets say your button's id is btn var btn = doc

我想编写一个屏幕大小响应按钮,它将根据Javascript中的屏幕大小调整自身大小。
我可以在css3中实现,但我需要Javascript编码。

我使用navigator.userAgent来检测浏览器,如果它对您有帮助的话

要获取屏幕高度、宽度,可以使用:

screen.availWidth 屏幕可用高度


window.innerWidth我不知道你为什么喜欢js而不是css,但你可以这样做:

// lets say your button's id is btn
var btn = document.getElementById('btn');
btn.style.width = window.innerWidth + 'px';

window.addEventListener("resize", function(event) {
  btn.style.width = window.innerWidth + 'px';
}, false);

你的HTML代码是什么?为什么要用JS?CSS解决方案有什么问题?一般来说,对于大多数与布局特别相关的事情,如果你能在CSS中完成,那就更好了。您是否面临CSS版本的某些特定问题?还有…对不起,这不仅仅是一个免费的“编写我的代码”服务。我们将帮助您解决代码中的一个特定问题,但您需要自己付出一些努力来研究并尝试实现您想要的东西。如果你被卡住了,我们可以提供帮助。我正在做一个网站项目,按钮将页面连接到第三方应用程序。我得到的代码是Javascript代码,所以我只想修改按钮以响应好的,我正在我的网站上做一个项目,我有Javascript代码将按钮连接到第三方应用程序,代码如下---