如何为所有浏览器和设备制作主题响应或宽度调整？ MyBB的

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。然后，您必须检查并使每个页面响应，直到您找不到没有响应的组件。