Question

如何为基本博客模板添加响应式媒体查询，我尝试了两个谷歌搜索结果，但从未看到过。最后我决定问专家。怎么做？

这是我的博客网站Gossip Lanka，任何人都可以帮助我更灵敏地创建此模板。

Answer 1

如果您要在较小的设备（如移动设备）上显示您的博客，则需要在css文件中添加@media查询。对于智能手机设备，如三星Galaxy S5，你会想要这样的东西。

@media screen and (max-width: 360px){
           #id or .class{
                  code...
          }
}

另外，你需要在脑中

<meta name="viewport" content="width=device-width, initial-scale=1.0">

让这个工作。

添加这些查询会在移动设备上显示时调整CSS。还有其他宽度尺寸，您可以研究其他尺寸的设备，如平板电脑。