标题Div不适用于较小的设备

Question

请耐心等待...虽然我多年来一直在跟踪Stack Overflow并且已经回答了数百个问题，这是我的第一篇文章。

我的主要内容列是880px。正上方是H1和面包屑，它们在桌面上看起来很好。但是，当我缩小屏幕尺寸或在移动设备上查看它时，文本不会包装或居中。它离开了屏幕。

这是我的子主题中的代码（主题中的宽度是590，而不是880）：

#heading, .archive .cat_head {
    float:right; 
    width: 880px; 
    text-align: center; 
    padding: 0 10px 0 0;
    }

当我删除text-align: center;时，它全部适用于移动设备，但不适用于笔记本电脑。

关于如何让标题/面包屑在所有设备的880像素空间中居中的任何想法？谢谢!!!

Answer 1

而不是设置width:880px使用百分比。将宽度设置为100％。 width:100%;