UserCSS:ページの大きさの調整
code:stylexx.css
.container {
max-width: 80vw;
}
.col-page {
max-width: 45vw;
}
余白を大きめにとる
code:stylexx.css
.container {
max-width: 60vw;
}
.col-page {
max-width: 60vw;
}
画面を広く使う
code:stylexx.css
.container {
max-width: 95vw;
}
.col-page {
max-width: 95vw;
}
画面解像度によりページの幅を変える
code:style.css
.container {
max-width: 95vw;
}
.col-page {
max-width: 95vw;
}
@media screen and (min-width: 768px) {
.container {
max-width: 95vw;
}
.col-page {
max-width: 90vw;
}
@media screen and (min-width: 1024px) {
.container {
max-width: 90vw;
}
.col-page {
max-width: 80vw;
}
@media screen and (min-width: 1440px) {
.container {
max-width: 85vw;
}
.col-page {
max-width: 70vw;
}
@media screen and (min-width: 1800px) {
.container {
max-width: 80vw;
}
.col-page {
max-width: 65vw;
}
}
UserCSS:ページ
https://img.shields.io/badge/CSS3-UserCSS_ページの大きさの調整-1572B6.svg?logo=css3&style=for-the-badge
UserCSS.icon