初學移動端介面設計需要注意的問題

2021-10-23 23:25:18 字數 453 閱讀 2936

通常對於初學者,客戶端的介面設計通常寬度我們都是給定具體數值的,但是在編寫移動端的時候,與客戶端是不太相同的。下面是我們需要注意的問題。

1.寬度 width要設定成百分比,而不能設定成具體數值。

2.高度通常我們不做限定,根據內容的高度決定

3.對於橫向外邊距(margin)內邊距(padding)我們的取值也應當是百分比,雖然在縱向可以使用具體數值,但是我們一般不推薦使用。

4.對於高度和寬度,我們還可以通過螢幕的高度和寬度設定, 100vh指的是螢幕的寬度,100vd螢幕的高度,通過數值運算可以得到具體的值

5。如果有的地方需要取高度,最好也不要用px具體數值,取 ***vh,這樣即使面對不同裝置也不會出現高度坍塌的情況

計算屬性:數值運算

calc(100vh - xpx) ,x根據需要提供具體的值,符號前後都要加空格。

遊戲開發UI介面設計需要注意什麼?

棋牌遊戲能否在市場中得到玩家的歡迎主要取決於棋牌遊戲產品的玩法,介面風格,以及執行環境。特別是在棋牌遊戲開發完成運營初期,ui介面更是棋牌平台是否能吸引更多玩家的關鍵因素之一。因此,棋牌遊戲開發ui設計一定要合理,盡可能滿足不同玩家的需求。那麼棋牌遊戲開發ui介面設計又應當注意些什麼呢?了解受眾群體...

移動端開發需要注意的幾點

1.移動端有自己獨有的mata屬性,這個在之前的隨筆中有寫到,在這不再多說 2.在專案開發中經常會遇到排列布局的情況,最好不要用浮動去布局,可以直接用display inline屬性達到想要的目的 3.為了提公升使用者體驗,盡可能的把每條資料都放到乙個a標籤內,保證使用者的可點區域較大 4.自適應布...

移動端阻止事件冒泡需要注意!

移動端使用的js外掛程式式zepto和touch,想要在乙個大的區域做乙個點選事件,但是裡面小的區域也有自己的點選事件,就要阻止事件冒泡,但是使用了之後發現不好使,原因是 大的區域使用的事件是移動端的tap事件,小的區域是js動態生成的元素,使用的是onclick載入的函式,所以,阻止冒泡事件失敗了...