iT邦幫忙

0

RWD模擬與ios實測不同

請問各位高手
最近寫了一個網頁(電腦和android顯示都正常)
我用了google chrome開發者工具還有其他RWD模擬工具
模擬iphone各系列的尺寸 畫面都沒問題
可是請朋友用iphone實測
版面卻有些歪掉
不知道高手們是否遇過這個問題
煩請提供相關經驗
感激不盡!

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
㊣浩瀚星空㊣
iT邦大神 1 級 ‧ 2019-01-11 16:11:24
最佳解答

iphone 的模擬測試一定得要在mac機上測才準。而且mac機上測也還不是很百分百的。
使用windows機中模擬測試。所採用的還是windows系統中的長寬解讀方式。
自然會模擬不準。

你的rwd的部份,是採用css架構的話,理論上因該沒這個問題。
但如果是用js來處理的話。你可以先放一些測試長寬的數據,來查看其差異)

我自已有mac mini機,可做模擬。大多數來說調整過後都沒什麼大問題。
不過還是會在某些iphone機上有跑位的情況。我都會再開定位數據出來,請客人再跑一次看看。(數據會自動存到我的機器上供我參考)

pei199520 iT邦新手 5 級 ‧ 2019-02-13 15:16:40 檢舉

這幾次在測試的時候,發現iphone對於p的解讀好像不太一樣,
導致會有空白或是排版跑掉的問題,但這只是我初步的懷疑,還沒有求證
本想說會不會是因為各家瀏覽器的預設css問題,
但bootstrap本身好像已經有使用相關的CSSreset了,
真的是完全不知道該如何解決...
但還是謝謝前輩的回答,看來我得要實際用apple家的東西來測,
再用開發者工具查看才能知道真正原因了...

我要發表回答

立即登入回答