[mobile browser]當網頁在手機跑時,右邊畫面被切掉

  • 1901
  • 0

摘要:[mobile browser]當網頁在手機跑時,右邊畫面被切掉

其實遇到這個時候的情形很多,

我自己是很單純的因為position問題。

有的還有跟overflow有關,

通常是css的問題,

必要時要用javascript將畫面或卷軸自動修改(當你對手機放大←兩隻手指頭拉開、縮小時)。

 

我很幸運地找到:

將position 改成


position: absolute;

就好了,原本是fixed,那他就真的固定了(才會被切掉)。

 

這問題雖然小,可是要找出如何修改卻很頭痛!

因為網頁到最後,css有好多行,即使知道從width著手,還會遇到width: 100%時,手機網頁可能不會自動調整大小,

因此要設定:


min-width: 1000px; /*設定最小寬度*/

不過所有方法裡面可能只有一個適合自己,也可能全部都要修改才能做到不被切掉的結果......

 

這篇雖然上不了臺面,很小的技巧,

提供遇到這問題的朋友們這些方向參考。