pc端布局的一点思考

编写pc端页面需要注意些什么?

1、自适应最小屏幕,在小屏幕上样式不能错乱。

桌面屏幕各分辨率使用比例中可以看到各桌面分辨率的使用比例,日常pc端开发我们会考虑到适配1024宽度大小的屏幕。

对于管理系统,设置内容宽度最小为1024,这样当屏幕小于1024时,保证样式不会乱。

2、自适应更大的屏幕。

如果需要适应刚好一屏的页面,用百分比来设置元素宽度,而不是写死设计师给的宽度。

3、设计师都是参照某个尺寸来设计的设计稿。

比如我们的设计师在设计pc端的管理系统的页面是参考的1440px的屏幕宽度,所以我们需要在还原了1440px屏幕宽度的设计稿之后,要考虑到小于1440px的屏幕适应问题。

4、考虑内容高度是需要适应一屏的高度,还是固定,还是由内容撑大。

5、自适应和响应式的区别

自适应适应不同屏幕大小,样式、排版不会变。

响应式适应不同屏幕大小,样式、排版会有所改变。

6、设计自适应网站时,一般采用内容定一定宽度来适应不同屏幕

上一篇:【Time系列五】个性时钟与秒表升级版


下一篇:MVVM ObservableCollection<> ListView