2016-07-23 56 views
-1

我有一個網站,有很多固定位置元素。一個大的一個是與周圍的div整個屏幕固定:手機定位工作

CSS

#top, #bottom, #left, #right { 
    background: #a5ebff; 
    position: fixed; 
    -webkit-backface-visibility: hidden; 
} 

它毗鄰的整個頁面,我想它顯示在手機屏幕一樣的全屏幕創造了一個全屏幕邊框。不過,我被告知固定元素在移動設備上的行爲不同。

該網站是不活的,所以我不能告訴如果這是真的,我也沒有設備的範圍,我希望它出現。

+0

爲什麼你不能嘗試,如果該網站不活?你有我希望的開發環境?或者像[jsFiddle](http://jsfiddle.net)? – giorgio

+0

我的意思是我不能嘗試一個實際的電話版本的互聯網瀏覽器,因爲它們說它們的操作方式不同。我沒有使用jsfiddle之類的東西去看手機 – user3550879

回答

0

這完全取決於元素的大小,它是position:fixed

讓我舉兩個例子

  1. 其固定在頂部和它有個電話號碼,單槓。
  2. 導航欄包含8-10個菜單項和子菜單。

  • position:fixed好例#1,因爲酒吧的高度將是例如#2左右60-70px

  • 儘管它是壞的。每當用戶打開的菜單中有這麼多的菜單項所花費的整個屏幕,用戶將無法通過其他區域的頁面,因爲position:fixed

以瀏覽我就能到達後,用圖片來解釋您家。

希望它有幫助!

+0

感謝您的詳細描述。我不擔心大小,我已經研究並多次閱讀,說明固定屬性與計算機上的不一樣。防爆。固定的元素實際上與絕對內容一起滾動。 – user3550879