圖庫100％的寬度

頁

上我不能讓我的網站上我的畫廊100％的寬度圖庫100％的寬度

Gallery

這是我的網站，在那裏你可以在源看到代碼的代碼http://pepi.g6.cz

謝謝求助。

來源

2017-08-08 Mr 537h

你是什麼意思？ – Rab

除了下面的答案之外，爲了讓視頻在每一面上的邊距與下面的內容相同，請給它一個100％的最大寬度，這樣它就不會離開屏幕。 –

歡迎來到SO！請將代碼添加到您的問題中。否則，它將爲未來的訪問者提供很少的好處。檢查[this out]（https://stackoverflow.com/help/mcve）。 – gldraphael

請試試這個CSS

body { 
    background-color: white; 
    margin: 0; 
    overflow-x: hidden; 
} 

.responsive { 
    float: left; 
    height: auto; 
    width: 33.33%; 
}

這將刪除你的水平滾動以及。

來源

2017-08-08 13:41:20

謝謝，這是作品！但我希望視頻橫幅向上滾動：D –

您希望橫幅部分水平或垂直滾動嗎？ –

「視頻」橫幅 - 與頂部菜單相同 –

如果你給你的.responsive類的寬度屬性33.33%（而不是33%），你提到的正確的空白空間應該減少。

您將右邊距減至0.01％，而不是1％（總寬度）。

也有使用的CSS計算運營商的選項：width: calc(100%/3);

來源

2017-08-08 13:32:19 jminguely

謝謝 - 33,33％我已經嘗試過，但畫廊對此沒有反應（第三張照片剛剛在前兩張上面） - calc（100％/ 3）;工作（！），但仍然，它不同於視頻橫幅：/它困擾我，感謝頂部橫幅，當你滑動時，你可以看到它（代碼是改變計算（100％/ 3）;）。 –

由於橫幅中的元素當前比您的視口大，因此它當前在右側溢出。正如Paige在她的迴應中提到的，您應該在視頻元素上添加一個「max-width：100％'，使其適合窗口寬度。 – jminguely

聽起來像你有幾個問題。

首先：你不需要使用Arial字體，因爲它是一個系統字體！

第二：您需要將視頻標籤的寬度設置爲最大寬度：100％。

第三：導航欄不需要爲margin-top：-75px。您應該修復其他利潤！

第四：改用外部的css文件。

五：使用你的瀏覽器開發工具，以幫助您找出與您的網站，通常按Ctrl問題 + 移 + 我（WIN）Cmd的 + 選項 + 我（OSX）（Firefox Chrome，Safari）

來源

2017-08-08 13:54:43 Horacsio

感謝幫助，Iam新手在編碼，這是我的第一個大的。 1.好2.好3.我即興4.我會最終 - 但這樣，你可以看到它。 5. Opt在哪裏？：P –

CMD + Alt +我應該在MacOs上工作 – jminguely

我的道歉，我看起來不好，已經有效（贏得用戶） –

圖庫100％的寬度

回答

相關問題