2017-12-07 6 views
-4

モバイルでは、このサイトは全幅が伸びないhttp://jonothanbosworth.co.uk/しかし、それはホームページです。その他のページはすべて問題ありません。このサイトをモバイルで全幅にするにはどうすればよいですか?

いずれかがここに助けることができる

+0

を考えますそれを詳しく見て、具体的には要素がビューポートを通過するようにします。 – Maharkus

答えて

0

は、それがこれを引き起こしている「のFlickrから写真」

body{ 
    overflow-x: hidden; 
} 
+0

現在、問題の原因となっているコンテンツを非表示にします。これについては、おそらく正しい方法ではありません。 – Maharkus

+0

それは内容のためではありません... .row使用のbcz .​​..余分なnを取る-15pxはスペースを引き起こすthats ....私はまだコンテンツのbczは、 Maharkus –

+0

OPはOPの写真をFlickrから全面に渡さないので、まあ、それは_nowです。 – Maharkus

0

セクションがうまくいくbodyにこれを追加してください。画像はビューポート上に表示されます(テーブルを使用している可能性が高いためです)。

overflow-x:scrollをmediaqueriesを使用して小さいスクリーンサイズでクラスafg-galleryに追加することで回避できます。これにより、ビューポートの幅を維持しながら、写真をスクロールすることができます。

0

問題はdiv要素であるが、クラス= "SLZ-リストブロックSLZ-列-2" を含む

これに与えられたスタイルを確認してください。私はあなたの最善の策は、(この場合は「写真のFlickrから」セクションされるであろう)のウェブサイトが伸びことが原因となっている、要素を決定することと、かかる次のスタイルは、あなたの問題を解決します

.slz-list-block.slz-column-2 
    { 
     display: table-column; 
    } 
関連する問題