鍍金池/ 問答/HTML5  HTML/ 移動端rem布局,iPhone手機測試沒問題,Galaxy.s5 測試會出現(xiàn)布局

移動端rem布局,iPhone手機測試沒問題,Galaxy.s5 測試會出現(xiàn)布局變亂,實在不知道怎么解決了,求各位幫忙看下?

iphone下顯示正常 clipboard.png

Galaxy.S5下出現(xiàn)問題 clipboard.png

不知道有沒有人出現(xiàn)過類似的問題,技術太渣,實在是沒思路解決,拜托各位大神

https://wangyangdaz.github.io/ 項目地址

回答
編輯回答
寫榮

圖片描述
明顯看出來 蓋世5的字號不一樣 審查元素 看看樣式寫上去了沒 或者是被誰覆蓋了 然后用瀏覽器調(diào)試 變小 看看有沒有變化
看到代碼就好辦了 我i只提供給你方法 具體值 你還的自己調(diào) 以及前綴 自己注意

width: 7.4rem;
margin-top: -0.1rem;
-webkit-transform-origin-x: 0;
transform: scale(0.70);

圖片描述

2018年3月9日 05:16
編輯回答
遲月

你的那個rem設置的方法可對? 還有的是既然使用rem,就不要再用px什么的

2017年11月10日 13:29
編輯回答
還吻

哈哈哈哈哈哈哈哈哈哈,這是因為ios手機最小渲染能達到1px,而安卓某些品牌的手機,最小渲染是7px或者8px,然后正如你看到的,boom的爆出來了,解決方案是,過小的字號,可以采取c3的縮放去實現(xiàn),而不是純靠rem,想重現(xiàn)根本都不用手機,直接打開谷歌,然后模擬手機屏幕就ok了,谷歌最小是12px,效果差不多,哈哈哈哈

2017年12月10日 23:50
編輯回答
墻頭草

把代碼貼出來,不然不好分析原因。單純從貼圖上看,Galaxy.S5上的寬度沒有iphone上大才出現(xiàn)的??梢杂聾meida在小于375的設備 設置 html標簽的font-size的大小

2017年11月28日 03:36
編輯回答
筱饞貓

最好把代碼貼出來 ??匆幌履銓挾鹊脑O置。

2017年3月21日 00:14
編輯回答
不舍棄

沒有做字號的自適應

2017年10月13日 06:08