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

时间:2015-11-07 02:28:54

标签: css

请耐心等待...虽然我多年来一直在跟踪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像素空间中居中的任何想法?谢谢!!!

1 个答案:

答案 0 :(得分:1)

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