[分享]css内的mediascreen.

CSS中的media screen是一种可以让网页在不同的设备上呈现不同样式的技术，比如在电脑、平板、手机等设备上都可以正常浏览。media (maxwidth: 768px) { /在屏幕宽度小于等...

CSS中的media screen是一种可以让网页在不同的设备上呈现不同样式的技术，比如在电脑、平板、手机等设备上都可以正常浏览。

@media (max-width: 768px) {
  /*在屏幕宽度小于等于768像素时，修改网页样式*/
  body {
    background-color: lightblue;
  }
  h1 {
    font-size: 28px;
  }
} 

上面的代码意思是当屏幕宽度小于等于768像素时，网页的背景将变成浅蓝色，并且标题字体的大小将变成28像素。通过这种方法，我们可以让网页在不同设备上呈现出最佳效果。

另外，media screen还可以根据设备的屏幕分辨率、方向等参数进行样式调整，具体使用方法可以参考CSS官方文档。