Javascript 当屏幕变小时，如何自动调整按钮的大小？

。烧杯{
最大宽度：100%；
高度：自动；
宽度：自动；
}

IP>Ksp
















IP=Ksp
















IP

为什么不尝试使用媒体？您只需要设置宽度和高度。然后，当您调整屏幕大小时。按钮的大小也会改变

使用

媒体查询

。当屏幕变小时，可以调整按钮的大小。这是一种方式

@介质（最大宽度：768px）{
.btn{
填充物：2px4px；
字号：80%；
线高：1；
边界半径：3px；
}
}
@介质（最小宽度：769px）和（最大宽度：992px）{
.btn{
填充：4px9px；
字体大小：90%；
线高：1.2；
}
}

IP>Ksp
















IP=Ksp
















IP

我认为使用Bootstrap会很好。 当您使用引导时，很容易管理按钮的大小

---

您可以将md、sm、xs、lg用于按钮类。

使用

@media

查询按钮会根据屏幕大小的调整而相应更改，但按钮内的文本不会跟随按钮大小。。所以当按钮打开时，它就不在按钮上了small@NurShaherra我查了一下chrome，一切正常。您也可以尝试使用

0.90em

作为字体。