移動端布局的相容處理

2021-09-12 05:46:42 字數 441 閱讀 6145

1.

藍湖只能複製字型大小 不能複製字型

2.(1)移動端1px的邊框實現  1.使用第三方的偽元素實現 2.圓弧邊框寫死1px

如果設rem會導致老版本瀏覽器不能解析1px以下的border,會導致移動端老版本瀏覽器不能顯示邊框的問題

如果設1px寫死,會導致ios解析出的物理畫素會細線變粗

(2)移動端不要用定位居中,用flex居中

如果用定位居中,會導致百分比的居中產生偏差,移動端的百分比不同的瀏覽器核心解析出的結果不一樣

(3)移動端除了百分之100或者平均等分的元素百分比,其他情況均用rem 提高相容性 防止百分比的偏差

移動端對百分比相容性很低,百分比解析為px後會出現微小偏差,不建議採取百分比,採取rem可以解決偏差,高度還原設計稿的寬

移動端相容

1.ios上click點選事件會有300ms的延遲響應 換用zepto的touch模組,tap事件也是為了解決在click的延遲問題 2.一些情況下對非可點選元素如 label,span 監聽click時間,ios下不會觸發 css增加cursor poiner就搞定了 3.移動端頁面滾動滯澀感 c...

移動端相容

第一次接觸移動端開發,發現web端和移動端的差別還是很大的,我主要記錄移動端的一些內容 純粹是個人看法。在web端是盡可能地展示豐富的功能,並且較為複雜,乙個頁面可以包含很多的內容。當然在互動方面也是相對複雜些,一般不是直接把 下一步 放在使用者面前,而是讓使用者自己去找。而移動端設計應以簡約為主,...

PC端 移動端的頁面適配及相容處理

一 關於移動端相容性 目前針對跨終端的方案,主要分為兩大陣營 一套資源vs兩套資源。第一種是通過響應式或頁面終端判斷去實現一套資源適配所有終端 第二種是通過終端判斷分別調取兩套資源以適配所有終端。這兩種思路我們並不能斬釘截鐵的說哪乙個更優選,正所謂 合適的才是最好的 思路一 通過響應式或頁面終端判斷...