- 积分
- 146
- 最后登录
- 2023-4-13
- 精华
- 0
- 阅读权限
- 20
- 主题
- 5
- UID
- 1242790
- 帖子
- 365
- PB币
- 92
- 威望
- 0
- 贡献
- 0
- 技术
- 5
- 活跃
- 901
乞丐
- UID
- 1242790
- 帖子
- 365
- PB币
- 92
- 贡献
- 0
- 技术
- 5
- 活跃
- 901
|
发表于 2021-8-17 20:19:22
IP属地上海
|显示全部楼层
本帖最后由 feelien 于 2021-8-17 21:02 编辑
subaobao_ok 发表于 2021-7-3 11:10
不行啊。有待调节。
1,论坛版面必须最大化窗口才能达到这个效果。不最大化窗口只能显示半边,不能自适应。 ...
这样就行了- /* 小屏幕(平板,大于等于 768px)*/
- @media screen and (min-width: 768px) {
- #scbar,.wp > div,.wp {
- width: var(--w) !important;
- padding: 0px !important;
- }
- :root {
- --w: 740px;
- }
- .x_l > img, .x_m > img, .x_r > img {
- display: none;
- }
- }
- /* 中等屏幕(桌面显示器,大于等于 992px)*/
- @media screen and (min-width: 992px) {
- #scbar,.wp > div,.wp {
- width: var(--w) !important;
- padding: 0px !important;
- }
- :root {
- --w: 960px;
- }
- .x_l > img, .x_m > img, .x_r > img {
- display: none;
- }
- }
- /* 大屏幕(大桌面显示器,大于等于 1200px)*/
- @media screen and (min-width: 1200px) {
- #scbar,.wp > div,.wp {
- width: var(--w) !important;
- padding: 0px !important;
- }
- :root {
- --w: 1160px;
- }
- .x_l > img, .x_m > img, .x_r > img {
- display: none;
- }
- }
- /*超大屏幕(大桌面显示器,大于等于 1700px)*/
- @media screen and (min-width: 1700px) {
- #scbar,.wp > div,.wp {
- width: var(--w) !important;
- padding: 0px !important;
- }
- :root {
- --w: 1400px;
- }
- .x_l > img, .x_m > img, .x_r > img {
- display: none;
- }
- }
复制代码 |
|