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

Question

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

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

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

论坛： http://deepblood.com/

软件： 我的BB

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

Answer 1

让我从简单到复杂。

1. 使用免费的响应式 mybb 主题。
   • 我的责任
2. 使用付费响应式 mybb 主题
   • 阿迪亚响应式Mybb专业主题
   • 我的BBPro

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

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

   上面的 css 代码仅针对 768px 及以下的浏览器/设备宽度。要了解更多信息，请关注这篇文章。您还可以使用响应式移动菜单。然后，您必须检查并使每个页面响应，直到找不到没有响应的组件。