使用jquery/javascript根据屏幕大小调整按钮大小

我想根据屏幕大小调整按钮控件的大小，就像它们也应该在其他移动设备上调整自己一样（

iPhones

和

ipad

）。这怎么可能呢

允许您制作特定于屏幕的样式。这在旧的IE中并没有得到很好的支持，这就是为什么你总是要定义一个正常值。 层叠效果仍然有效，您不需要在mediaqueries中从normal重新定义属性（例如，在所有场景中背景都是绿色）

---

---

这被称为响应设计，设计响应宽度。IE不会做任何事情，但如果您使用Firefox并缩小浏览器的宽度，它会自动跳转到媒体样式，您必须使用媒体查询：

---

根据元素使用基于百分比的大小，以便它们自动缩放，或者使用媒体查询特定窗口大小，并相应地设置元素大小

---

您可以通过以百分比为单位设置它们的宽度来调整大小，以便它们可以根据屏幕大小调整大小

.buttonclass
{
width:80%;
}

这应该行得通

如果要使用像素，则根据需要支持的各种屏幕使用媒体查询

@media screen and (max-width: 480px) and (min-width: 320px) {
.buttonclass{
width:300px;
}
}

---

1.通过使用您自己的页面或JSFIDLE或类似的东西，提供一个到目前为止您已经尝试过的示例，2。

@media screen and (max-width: 480px) and (min-width: 320px) {
.buttonclass{
width:300px;
}
}