解決移動端不支援position fix

2021-08-07 19:38:19 字數 738 閱讀 2122

最近我在做自己公司的官網,pc端做出來了,網頁瀏覽順暢,但到了手機端測試,問題出現了:網頁上的懸浮選單滑動的時候,不會跟著滾動條走,並且網頁出現了橫向滾動條。

在這個問題上我折騰了整整一下午的時間,但還是沒有解決問題。最終是在第二天早上花了半小時搞定的。

從這個問題上我得到了一種解決問題的思路

1. 當解決乙個問題花了較長的時間時,不妨休息下,放在第二天早上去解決,你會收穫不一樣的感覺。

2. 解決問題要逐漸地縮小問題的範圍,直到找到問題的緣由,最終用合理的辦法解決。

再來談談這個問題的技術問題:

一般來說大家寫上個浮動都是使用css中的position: fixed; 進行控制,但是這種方法只適用於電腦端的,而在手機端卻不行,效果就是使用手機瀏覽器開啟網頁時顯示是底部,但是當我們向下滾動時,而這個浮動的卻不跟著一起,這時大家需要在head間新增以下**即可解決手機瀏覽器不支援position: fixed的bug了。

需要在head中新增這樣一行**

name="viewport"

content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

參考自 手機瀏覽器不支援position: fix

建議學習 移動前端開發之viewport的深入理解

apache 不支援 chkconfig 解決方法

將apache新增為開機啟動有兩個方法 1 在 etc rc.d rc.local內加入啟動命令 usr local apache2 bin apachectl start 2 將http新增為系統服務 httpd 0 關閉 1 關閉 2 關閉 3 關閉 4 關閉 5 關閉 6 關閉 httpd 0...

Hive的on不支援非等值連線解決,不支援or

oracle select a.b.id asb id,b.class as b class from lpx test a a left outer join lpx test b b on a.id b.id and a.class b.class 連線條件的第二個是非等值的,不能照搬上面 hi...

mysql不支援 MySQL不支援的特性

mysql 1 不支援物化檢視。2 不支援位圖索引。3 不支援並行查詢。4 不支援雜湊關聯,mysql的所有關聯都是巢狀迴圈關聯。不過,可以通過建立乙個雜湊索引來曲線實現。5 不允許對同一表同時進行查詢和更新。報錯 update tb1 as outer tb1 set cnt select cou...