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

Posted 2023-03-06

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

【英文标题】：How can i make a theme responsive or the width adjust for all browsers and devices? MyBB

【发布时间】：2015-07-07 21:54:42

【问题描述】：

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

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

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

论坛：http://deepblood.com/

软件：MyBB

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

【参考方案1】：

让我从简单到复杂。

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

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

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

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