當我的網站在移動瀏覽器上查看時,網站實際內容的右下角有很多白色房間。我試過在我的<body>
上放置overflow-x: hidden
來關閉水平滾動,但即使這樣也行不通。據我所知,我也沒有超出屏幕邊界的元素。我的網站可以找到here。在手機上查看時多餘的空白
-4
A
回答
-1
我不能用手機邊瀏覽器重現此錯誤,但也許這meta標籤可以幫助:
<meta name="viewport" content="width=device-width">
+0
他的網站已經有了這個標籤。好的建議,但。 –
0
它是由
<img class="bkgimage" src="colorfulbackground.jpg">
引起了桌面版本,你設置一些css像width:100%;
使圖像適合div
,但在移動版本中,此css被替換爲opacity: 0;
。所以你的圖像停止縮放到頁面寬度和opacity: 0
不會消失從渲染圖像,只呈現爲完全透明。您應該使用display: none;
,並將display: block;
移至桌面CSS,因爲它會覆蓋手機CSS。 ID(#)的選擇器比沒有它們的選擇器更重要。
一些相關鏈接
Within CSS what is the difference between opacity:0 and display:none?
Does opacity:0 have exactly the same effect as visibility:hidden
相關問題
- 1. YouTube iframe在手機上嵌入空白
- 2. 網站在手機上顯示空白
- 3. 裁剪多餘的空白
- 4. 多餘空白區域
- 5. 在VS2008中查看空白
- 6. 在手機上使用ssi的網頁上的空白
- 7. jquery手機白底空間
- 8. Skroller在手機上創建大型空白空間
- 9. Word打開多餘的空白文檔
- 10. 火狐打印多餘的空白頁
- 11. 查看正在切割時,在手機模擬器上運行
- 12. 在智能手機上查看我的頁面上的額外空間
- 13. 在空白的表面打開相機查看
- 14. 如何刪除HTML文件中多餘的空格? (只有多餘的空白)
- 15. 在手機上查看時頁面顯示較大嗎?
- 16. 在智能手機上查看時,文本消失
- 17. 在手機上查看時創建可摺疊導航
- 18. 當在手機上查看時隱藏並顯示div(s)
- 19. Twitter Bootstrap導航在手機上的空白區域
- 20. 從手機右側的白色空間
- 21. 禁止在R中編譯多餘的空白空間
- 22. 在iPhone/iPad上查看時網站上divs之間的空白/間隙
- 23. 多餘的空白時,你得到的UIScrollView
- 24. 手機上的剩餘懸停效果
- 25. Android自定義字體在某些手機上顯示空白
- 26. 網站在手機上顯示爲空白
- 27. 在手機上查看虛擬主機網頁
- 28. Google查看器手機
- 29. 在手機上看到mathjax的博客
- 30. 在Internet Explorer中查看時的空白頁面
更多關於您的問題的細節將在提供的答案有幫助。 – JohnH