手机网站制作的界面布局 

手机网站制作的界面布局 
导语一.屏幕大小正确理解 说起屏幕大小的时候，会有两种表达方式，1) 我的屏幕2.4寸，你的屏幕3.5寸，2)这个屏幕分辨率 240*320，那个屏幕分辨率为320*480。但在设计过程中，屏幕的分辨率
一.屏幕大小正确理解
说起屏幕大小的时候，会有两种表达方式，1) 我的屏幕2.4寸，你的屏幕3.5寸，2)这个屏幕分辨率 240*320，那个屏幕分辨率为320*480。但在设计过程中，屏幕的分辨率和屏幕的实际尺寸必须同时考虑，屏幕物理
尺寸：屏幕对角线长的实际尺寸，如2.4寸，3.5寸等等;屏幕分辨率：屏幕所能显示像素的多少。物理尺寸决定了屏幕的实际尺寸，而分辨率可以表示屏幕上可以呈现的像素点数，屏幕密度决定了屏幕的精细程度。相
同的屏幕大小，如果分辨率高，则屏幕元素更精细。一个界面元素在屏幕里的实际尺寸却是与屏幕密度相关，屏幕密度较小的屏上，界面元素的实际尺寸就会大些。
二.设计过程与屏幕适配思路
确定目标的屏幕大小，屏幕大小由宽度和高度两个因素决定，但是在布局手机客户端的过程中，*关心的是宽度值。宽度确定后，高度可以由滚动或者翻页来显示所有内容;文字可以在适当的位置折行;标题栏可以伸缩
适配屏幕宽度等等。但并不是不考虑高度，图标、文字、特殊的组件不仅需要考虑宽度，也需要考虑整个屏幕的布局是否与之适配。