最近在做一個項目就是關于運行在手機端微信的頁面，設計圖是720X1280的psd，psd里面所有的東西都需要在一屏里面顯示完，不能出現滑動條要下拉才能看完內容，而是設計圖里面所有的東西需要單屏顯示完整，請問怎樣針對不同的手機進行適配？例如：微信里面瀏覽頁面，微信自帶一個頂欄+手機自帶頂欄（顯示手機信號、WiFi、、、的toolbar，）或者在手機瀏覽器里面瀏覽頁面（瀏覽器自帶一個頂欄、還有一個底部工具欄），同一臺手機，在微信或者手機瀏覽器里面，頁面是的可視高度是不同的，需要的效果就是，內容都能完整顯示、自適應高度。圖片只供參考：要的效果就是像上圖淘寶頁面：我需要把所有的東西在一屏里面顯示完（把設計圖720X1280里面所有東西單屏顯示完，能適配不同手機），希望有大神解答。。。。。
1 回答
-
朱羅紀具體怎么操作？ -
Changeisgood3868312一般情況下屏幕分辨率跟設計稿一樣是沒什么問題(iphone: h / w = 1.78) , 但是如果分辨率小于1.78的時候就不能一屏顯示完, 如果有固定高度的話, 會有滾動條, 響應式布局可能是判斷比例然后調整樣式吧, 沒試過猜測 我的方法是你可以試試flex布局 和padding-top
- 1 回答
- 0 關注
- 4374 瀏覽
添加回答
舉報
0/150
提交
取消