我正在制作一个响应式网站并为此使用媒体查询，但是，我遇到了一个问题，即我给出了内联样式。现在我想针对不同尺寸的屏幕更改该样式。怎样才能做到呢？这是我的代码。
<table class="edu_table" style="width:500px;margin-right:400px;margin-bottom:30px;">
在样式中我给出了 width=500px; 我想要它 700px
@media only screen and (max-width: 1920px) {
}
1920px 大小的屏幕。请给出解决方案或提供其他方法来完成此操作。我在很多地方使用 edu_table 类...并且我想要 width=700px; 适用于屏幕尺寸 1920px 和特定位置。
这就是你想要的，将其放入 css 文件中或放在<head>. 尽管宽度应始终为 700px，因为您设置了它们的最大宽度。目前，最大宽度为 1920px，上面的所有内容都将达到 500px。
.edu_table{
width: 500px;
}
@media only screen and (max-width: 1920px) {
.edu_table{
width: 700px;
margin-right: 400px;
margin-bottom: 30px;
}
}
| 归档时间： |
|
| 查看次数： |
25041 次 |
| 最近记录： |