时间:2023-09-25 08:36:01 | 来源:网站运营
时间:2023-09-25 08:36:01 来源:网站运营
新手小白制作不同屏幕自适应网页的小诀窍:小白同学学习网页制作时,经常会被各种屏幕尺寸,宽度单位搞的一头雾水,同一个网页,如何适应笔记本,桌面电脑,平板电脑,手机浏览呢?为什么有的页面在电脑端和手机端看起来不一样,可以自动适应不同屏幕呢?@media (max-width: 600px) { /** ** 这里面写手机端的css样式 **/ .div{ } }
以此类推,你还可以继续分类。@media screen and (min-width: 600px) and (max-width:900px) { /** ** 宽度是600到900px ** 这里面写中等屏幕,比如一些平板等设备 的css样式 **/ .div{ }}
具体宽度,你可以直接修改,我上面仅仅是举列子,其他宽度就不说了,也是同样的道理。关键词:适应,诀窍,新手,屏幕