手機瀏覽器不支持position: fix的解決方法
發(fā)布時間：2014-06-09 16:28:04 作者：佚名 
我要評論
我要評論最后給朋友做一手機網(wǎng)站，網(wǎng)站底部需要放一浮動，網(wǎng)頁向下滾動時，此浮動也跟著向下滾動，一直距于窗口底部，一般大家都是使用position: fixed實現(xiàn)這個功能，而作者也是這樣實現(xiàn)的，但是在手機瀏覽器中卻不支持position: fixed，本文就說下我的解決方法
具體是方法如下：
css代碼
復制代碼
代碼如下:.wap_bottom {
height: 60px;
width: 100%;
position: fixed;
z-index: 2;
bottom: 0;
left: 0;
opacity: 0.7;
}
html代碼
復制代碼
代碼如下:<div class="wap_bottom"> <a href="http://www.dhdzp.com" target="_blank"></a></div>
注意事項
一般來說大家寫上個浮動都是使用css中的position: fixed; 進行控制，但是這種方法只適用于電腦端的，而在手機端卻不行，效果就是使用手機瀏覽器打開網(wǎng)頁時顯示是底部，但是當我們向下滾動時，而這個浮動的卻不跟著一起，這時大家需要在head間添加以下代碼即可解決手機瀏覽器不支持position: fixed的bug了。
復制代碼
代碼如下:<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
相關文章
- UCWEB 6.3 Symbian版本已經(jīng)正式發(fā)布，版本更新內(nèi)容如下： 一、功能優(yōu)化 1、下載管理界面優(yōu)化：區(qū)分正在下載和已下載。 2、優(yōu)化與UC播放器配合相關功能，調(diào)用UC播放2009-03-31
- 一個非常棒的網(wǎng)頁瀏覽器!! 可以緩存多頁,返回頁面不用重新請求,頁面重新排版,一次開多個網(wǎng)頁,內(nèi)置下載管理器等等。2008-11-28
- Symbian版本更新日志 最新版本更新內(nèi)容: 更新日期:20080925 build:2008092419 新增功能及優(yōu)化： 1、優(yōu)化WAP直連Cookie管理； 2、搜索欄目 和 輸入網(wǎng)址 ，完善對異常操作對2009-03-30
- 360防騷擾大師是一款針對騷擾垃圾信息電話打造的防騷擾攔截工具,該軟件利用智能識別技術，有效過濾各類騷擾電話和垃圾短信，為用戶提供清凈的通訊環(huán)境2020-04-28
手機瀏覽器Viewport 參數(shù)(web前端設計)
手機瀏覽器是把頁面放在一個虛擬的“窗口”（viewport）中，通常這個虛擬的“窗口”（viewport）比屏幕寬，這樣就不用把每個網(wǎng)頁擠到很小的窗口中（這2013-04-08百度瀏覽器2025官方最新 v6.41.0.30 安卓手機版
百度瀏覽器官方版是由百度官方最新推出的一款簡潔、高速的手機瀏覽器應用，該應用內(nèi)置了百度最新的搜索引擎，用戶打開應用就是百度搜索頁面，可以進行譬如文字搜索、語音搜2025-03-07
歐朋手機瀏覽器是體積輕小而功能強大的新一代手機瀏覽器2014-02-09百度手機瀏覽器國際版(手機瀏覽器) v6.4.0.4 安卓版
百度手機瀏覽器國際版英文名也叫DU Browser，同比國內(nèi)上線的App，此版本體積更小，加載速度更快，另外此次版本增加了桌面小工具，這樣的設定在日常使用中將更加的方便，感2024-02-27- 手機瀏覽器你在使用哪個呢？遨游手機瀏覽器，用過沒有，跟我們來看看吧！2013-12-31
在PC上測試移動端網(wǎng)站和模擬手機瀏覽器的5大方法
最近公司要開發(fā)網(wǎng)站的移動版，讓我準備準備知識，話說本人開發(fā)移動網(wǎng)站的經(jīng)驗還真不多，最悲劇的事情就是我的手機是個經(jīng)典的諾基亞，而且公司還不給配手機，這是有多討厭，2014-03-19
