css3怎么调节屏幕 |css 渐变色在线

/* 使用CSS3来设置屏幕大小 */ 
body{
width: 100%; /* 设置网页宽度 */
height: 100%; /* 设置网页高度 */
overflow: hidden; /* 隐藏滚动条 */
}
/* 根据不同的屏幕大小设置不同的CSS属性 */
@media screen and (max-width: 768px){
 body{
font-size: 16px; /* 设置字体大小 */
background-color: #f2f2f2; /* 设置背景颜色 */
padding: 20px; /* 设置内边距 */
}
}
@media screen and (min-width: 768px){
 body{
font-size: 20px; /* 设置字体大小 */
background-color: #fff; /* 设置背景颜色 */
padding: 50px; /* 设置内边距 */
}
}

上面的代码显示了如何使用CSS3来设置屏幕大小。通过设置body的宽度和高度，您可以让网页填满整个屏幕。通过使用@media查询，您可以根据不同的屏幕大小来设置不同的CSS属性。例如，当屏幕宽度小于768px时，您可以将网页字体大小设置为16px、背景颜色设置为#f2f2f2，以及设置20px的内边距。当屏幕宽度大于768px时，您可以将网页字体大小设置为20px、背景颜色设置为#fff，并设置50px的内边距。