2016-10-04 16 views
-2

我嘗試了幾乎所有的在線技術,但我仍然在我的網站上獲得了頂級空間,當我打開它時歌劇迷你手機瀏覽器,單一佈局視圖,所以我決定嘗試自己修復它,並且我明白了!關於如何在手機瀏覽器中刪除空白的解決方案,如歌劇迷你,單一佈局視圖

我意識到,即使您在單個佈局中顯示頁面,它也會將網站適合屏幕,並且某些css功能被禁用,因爲當適合屏幕顯示時,邊距,填充,浮點和位置功能會自動禁用,身體總是在頂部添加內置填充物。所以我決定尋找至少一個有效的功能,猜猜看是什麼? 「顯示」。讓我告訴你怎麼做!

<html> 
<head> 
<style> 
body { 
    display: inline; 
} 

#top { 
    display: inline-block; 
} 
</style> 
</head> 
<body> 
<div id="top"> 

<!-- your code goes here! --> 

eg: <div id="header"></div> 
<div id="container"></div> and so on.. 

<!-- your code goes here! --> 

</div> 
</body> 
</html> 
+0

你使用'html,body {margin:0; padding:0}'? – jbutler483

回答

-1

我試過幾乎所有的在線技術,但我仍然得到了頂部空間在我的網站,當過我的Opera Mini手機瀏覽器中打開它,所以我決定嘗試修復它在我自己的,我做對了!

我意識到,即使您在單個佈局中顯示頁面,它也適合網頁到屏幕,並且某些css功能被禁用,因爲當您適合屏幕顯示時,邊緣,填充,浮點和位置功能會自動禁用,身體總是在頂部添加內置填充物。所以我決定尋找至少一個有效的功能,猜猜看是什麼? 「顯示」。讓我告訴你怎麼做!

<html> 
<head> 
<style> 
body { 
display: inline; 
} 

#top { 
display: inline-block; 
} 
</style> 
</head> 
<body> 
<div id="top"> 

<!-- your code goes here! --> 

eg: <div id="header"></div> 
<div id="container"></div> and so on.. 

<!-- your code goes here! --> 

</div> 
</body> 
</html> 

如果您發現,身體{顯示:內聯;}消除體內的內置填充物,但沒有#top返回{顯示:內聯塊;},股利仍然不會顯示效果出色,所以你必須在頁面上的任何代碼之前包含<div id="top"> 元素!這麼簡單..希望這有助於?你可以感謝我,如果它的工作,http://www.facebook.com/exploxi

相關問題