怎么制作html5网站页面让它适应电脑和手机的尺寸

用以下代码开头:
<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">

使用百分比定义宽度。
CSS代码可以适当使用:
@media only screen and (max-width:449px){

}
自动根据屏幕像素 调用不同的CSS代码。


小主最近仿了一个网站,模仿目标是可以自适应的,但是我仿下来就不行了,不管电脑还是手机都是同一个版,不会自适应。后网上查到此句定义,回忆制作过程中,头部的一些调用是直接调用的,所以有可能漏掉关键的调用,于是乎,加上了,没想到还真的实现了。