手機端網(wǎng)頁的幾個小問題_html/css_WEB-ITnose

遇到的第一個問題是手機對于overflow:scroll的不支持，在低版本（4.0以前）的安卓里面是不支持overflow:scroll屬性的。解決這個問題的方法就是對需要有滾動的元素添加touchstart和touchmove事件，通過判斷每次滾動的上一個坐標和這次的坐標的差值來確定滾動方向，同時改變元素的scrollTop(上下滾動)和scrollLeft屬性的值。

還有2個小問題:一個是對于圓角的支持不夠。圓角屬性的值可以取百分比和一般數(shù)字。但是有次我看到一個頁面中的2個都加了圓角的元素居然一個是圓的，一個還是方的。最后看了下代碼后發(fā)現(xiàn)，低版本的安卓是不支持圓角的百分比數(shù)值的，所以解決這個問題的方法就是不用百分比。另外一個問題就是關于table里的元素的定位問題，有個元素需要絕對定位到td的右上角，如果給td相對定位，絕對定位這個元素，結果在4.0顯示正常，到了2.3上面這個元素跑到了瀏覽器右上角，這個元素相對瀏覽器定位了，沒有參考他的父元素。經(jīng)過嘗試后，我發(fā)現(xiàn)這個問題很好解決，就是在td里面加個元素（相對定位），然后需要定位的元素的參考定位的元素就是正確的參考其父元素了。

聲明：本網(wǎng)頁內容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com