如何使主题响应或调整所有浏览器和设备的宽度？我的BB

Question

我想制作我的主题，使其适合所有浏览器和移动设备并完全响应，我该如何使用论坛软件 MyBB 我的论坛链接是：http://deepblood.com/

请帮帮我，我需要这个，以便我可以正式启动我的网站。

如果有人能帮助我解决这个问题，我将不胜感激:)

论坛：http://deepblood.com/

软件：MyBB

如何使主题响应所有浏览器和设备？

Answer 1

让我从简单到复杂。

1. 使用免费的响应式 mybb 主题。
   • MyResponisve
2. 使用付费响应式 mybb 主题
   • Aadya Responsive Mybb Professional Theme
   • MyBBPro

3. 自定义非响应式主题。 （很可能，您对此感兴趣）。 使用 Chrome Inspect Elements 或 Firefox Firebug 查看 div 元素的宽度，并将其以像素为单位的固定值更改为在 css 上用 % 表示的百分比。我建议您创建一个自定义 css 文件以放在模板上。例如。

   @media (max-width: 768px) {  
     .warpper { 
       width: 100%; 
     }
   }
   

   上面的css代码只针对768px及以下的浏览器/设备宽度。要了解更多信息，请关注this article。 您也可以使用Responsive Mobile Menu。然后你必须检查并使每个页面都响应，直到你发现没有不响应的组件。