標題區域沒有跨越整個寬度在移動

Question

我正在使用Bootstrap和平板用戶界面。我試圖有一個標題區域全寬度和網站的其餘部分適合在940像素的容器內。在所有非移動瀏覽器中，標題區域看起來不錯，但是當我在iOS6中使用Safari和Chrome查看標題時，標題不是全角。誰能幫忙？

您可以查看站點here

Answer 1

的問題是，你有940個像素在您的網站的內容區域固定的寬度和頂部橫幅設置爲僅佔據視的100％。在手機上，視口的100％小於940像素因此，您可以水平滾動以查看其餘內容，但頂部橫幅不會比視口的原始100％延伸得更遠。

相反，您可能希望嘗試使用媒體查詢使您的內容區域更具響應能力，以便在較小的屏幕上縮小範圍，或者您可以將內容區域的寬度設置爲100％，或者可以給橫幅一個940px的最小寬度。