国产精品无码一区二区三区太,亚洲一线产区二线产区区别,欧美A区,人妻jealousvue人妻

移動端頁面尺寸設計考慮的因素有哪些？現(xiàn)在我們經(jīng)?？吹降?a href="/tag/36371" target="blank">電商網(wǎng)站的手機頁面大都是直接按照移動端頁面尺寸設計的，那么你知道移動端頁面尺寸設計考慮的因素有哪些嗎？小編就來與大家聊一聊這個問題。
 

可以通過這個測試頁面 https://greenzorro.github.io/demo/basic/響應式斷點.html 來看看你的移動設備屏幕寬度，這是邏輯像素寬度。
以iPhone 5s為例，屏幕的分辨率是640x1136，倍率是2。瀏覽器會認為屏幕的分辨率是320x568，仍然是基準倍率的尺寸。所以在制作頁面時，只需要按照基準倍率來就行了。無論什么樣的屏幕，倍率是多少，都按邏輯像素尺寸來設計和開發(fā)頁面。只不過在準備資源圖的時候，需要準備2倍大小的圖，通過代碼把它縮成1倍大小顯示，才能保證清晰。
實際應用
大家最關心的還是實際運用，畫布該怎么設置。我們就iOS、Android、Web三個平臺來分別梳理一下。不過在這之前，我要為使用PS進行設計的朋友介紹一個小技巧。
之前我說過，我們要以邏輯像素尺寸來思考界面。體現(xiàn)到設計過程中，就是要把單位設置成邏輯像素。打開PS的首選項——單位與標尺界面，把尺寸和文字單位都改成點(Point)。這里的點也就是pt，無論設計iOS、Android還是Web應用，單位都用它。當然，各平臺單位名稱還是要記住的。這里我們用的只是它的原理，不用在意名稱。
要調(diào)節(jié)倍率，則通過圖像大小里的DPI來控制。這個DPI，其實就是PPI，像素密度。有個常識大家都知道，屏幕上的設計DPI設成72，印刷品設計DPI設成300。
移動端頁面尺寸設計考慮的因素有哪些？以上文章就是小編為大家?guī)淼年P于移動端頁面尺寸設計考慮的因素有哪些的全部文字介紹了，希望對你有所幫助。