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