回答
請試試這個CSS
body {
background-color: white;
margin: 0;
overflow-x: hidden;
}
.responsive {
float: left;
height: auto;
width: 33.33%;
}
這將刪除你的水平滾動以及。
謝謝,這是作品!但我希望視頻橫幅向上滾動:D –
您希望橫幅部分水平或垂直滾動嗎? –
「視頻」橫幅 - 與頂部菜單相同 –
如果你給你的.responsive
類的寬度屬性33.33%
(而不是33%
),你提到的正確的空白空間應該減少。
您將右邊距減至0.01%,而不是1%(總寬度)。
也有使用的CSS計算運營商的選項:width: calc(100%/3);
謝謝 - 33,33%我已經嘗試過,但畫廊對此沒有反應(第三張照片剛剛在前兩張上面) - calc(100%/ 3);工作(!),但仍然,它不同於視頻橫幅:/它困擾我,感謝頂部橫幅,當你滑動時,你可以看到它(代碼是改變計算(100%/ 3);)。 –
由於橫幅中的元素當前比您的視口大,因此它當前在右側溢出。正如Paige在她的迴應中提到的,您應該在視頻元素上添加一個「max-width:100%',使其適合窗口寬度。 – jminguely
聽起來像你有幾個問題。
首先:你不需要使用Arial字體,因爲它是一個系統字體!
第二:您需要將視頻標籤的寬度設置爲最大寬度:100%。
第三:導航欄不需要爲margin-top:-75px。您應該修復其他利潤!
第四:改用外部的css文件。
五:使用你的瀏覽器開發工具,以幫助您找出與您的網站,通常按Ctrl問題 + 移 + 我(WIN)Cmd的 + 選項 + 我(OSX) (FirefoxChrome,Safari)
感謝幫助,Iam新手在編碼,這是我的第一個大的。 1.好2.好3.我即興4.我會最終 - 但這樣,你可以看到它。 5. Opt在哪裏? :P –
CMD + Alt +我應該在MacOs上工作 – jminguely
我的道歉,我看起來不好,已經有效(贏得用戶) –
- 1. 100%的寬度
- 2. 100%高度或100%寬度
- 3. 質譜圖寬度100%
- 4. 自舉圖形:100%寬度
- 5. Div寬度= 100%?
- 6. jQgrid 100%寬度
- 7. Html寬度100%
- 8. CSS 100%寬度超過100%
- 9. 瀏覽器寬度的100%寬度div
- 10. 英雄單位的100%寬度圖像
- 11. 寬度:100%問題
- 12. CSS寬度100%或最大寬度
- 13. 最大寬度像素寬度100%
- 14. css 100%寬度div不佔用父寬度的全部寬度
- 15. div裏面的100%寬度
- 16. 100%的寬度或在表
- 17. CSS:將圖像拉伸至100%寬度
- 18. Jssor滑塊100%寬度(模糊圖像)
- 19. 橫幅圖像應該有寬度100%
- 20. 背景圖像不是100%寬度
- 21. 3寬33.33%的寬度變化到100%寬度的移動
- 22. 圖像集寬度HTML中的高度屬性,CSS中的設置寬度100%
- 23. 100%寬度未完全擴展至100%
- 24. 圖庫項目寬度vs圖庫寬度
- 25. 父度100%的內容,其內容的子DIV 100%的寬度
- 26. CSS:網頁和寬度100%
- 27. 化妝寬度爲100%
- 28. C#ListView瓷磚寬度100%?
- 29. html寬度(100%-n px)?
- 30. 100%寬度表格單元
你是什麼意思? – Rab
除了下面的答案之外,爲了讓視頻在每一面上的邊距與下面的內容相同,請給它一個100%的最大寬度,這樣它就不會離開屏幕。 –
歡迎來到SO!請將代碼添加到您的問題中。否則,它將爲未來的訪問者提供很少的好處。檢查[this out](https://stackoverflow.com/help/mcve)。 – gldraphael