掃二維碼與項目經(jīng)理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網(wǎng)交流
在網(wǎng)站建設開發(fā)過程中,現(xiàn)在很多時候都是需要做移動端,而常用的做法就是先寫好統(tǒng)一的功能,然后依次做PC端和移動端(當然也可能同步進行)。而在移動端開發(fā)的時候,如果PC版已經(jīng)做好了,而移動端沒有完全做好的時候;很多朋友會遇到一個這樣的問題:在ios下的safari瀏覽器,打開移動頁面的一個超鏈接,然后再返回的時候,發(fā)現(xiàn)a標簽中的文本突然變大,而且是時有時無的。如下圖:
一開始很多人看到這現(xiàn)象肯定會懷疑是自己的代碼出問題了,比如閉合問題等等;甚至嘗試把a標簽的字號給加上important也是無濟于事。而在google上搜索的該問題的時候,出來的結果給開發(fā)者用的卻很少,而有一些提出來的都是ios設備的用戶提出來的,也就是說這個問題似乎并不是開發(fā)人員所關注的,而是ios本身的問題。
通過大量測試發(fā)現(xiàn),不管是安卓設備還是ios設備上的其他瀏覽器均不存在這樣的問題。而到底為什么時有時無呢?這里我們微構網(wǎng)絡團隊通過反復測試,得出以下基本結論(不一定完全正確,但目前還沒發(fā)現(xiàn)該結論的問題),該結論為:
當使用ios設備的safari瀏覽器訪問移動端頁面,如果某兩個以上a標簽為兄弟節(jié)點(這個條件非常重要),且至少一個連接到了沒有viewport屬性頁面(比如傳統(tǒng)PC版網(wǎng)頁,測試用的是工信部備案查詢站點),那么其父節(jié)點下的所有a標簽中的文本都會在返回時字體變大。
實際上,可以進一步看到,其實這種不正常的頁面恰恰是當這個移動端頁面沒有加viewport屬性時顯示的大小。我覺得這問題幾乎可以肯定是ios下safari瀏覽器的bug,大概就是訪問沒有viewport屬性的頁面(如傳統(tǒng)PC版網(wǎng)頁),返回后的這個節(jié)點的效果相當于這個頁面沒有加viewport屬性。而暫時的解決方法就是:盡量在移動端避免指向到非移動端頁面,至少指向本站的不要這樣,何況這樣的用戶體驗確實不好;而到底有沒有從根本上強制覆蓋該bug還有待探索。
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網(wǎng)交流