我有一个响应式网站，在所有显示器尺寸下显示标准宽度的表单按钮，最低为481px，其中按钮的宽度设置为包含div的100％。
使用以下代码在所有现代浏览器中都可以正常工作：
@media screen and (max-width: 480px)
.button {
width: 100%;
}
@media only screen and (min-width: 769px)
.button {
width: initial;
}
由于CSS是移动优先的，“width：initial;”正在按照我的意愿将按钮重置为原始大小。
然而IE8不承认这一点，所以它认为“宽度：100％;”是所有显示器尺寸的按钮宽度，使按钮始终跨越页面宽度。除了给出绝对像素值之外，你会如何解决这个问题？