响应式布局

今天做了一个书上的响应式布局练习题。一开始我按照题目要求做网页，结果在写过@media screen and (max-width: 480px)的时候碰到，写在这段代码里的css代码没有显示。我如果删除这段代码反而css正常显示了。找不到问题所在，直接照书上答案打，还是不行，我检查了五六遍都没发现错误。我实在是没办法了，到网上搜索。果然让我找到了类似的提问，还有解决办法。原来是要写几个元信息<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="applicable-device"content="pc,mobile"/>。就这样网页正常显示了。