pc端布局的一点思考

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

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

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

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

2、自适应更大的屏幕。

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

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

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

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

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

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

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

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

转载于:https://www.cnblogs.com/yy95/p/10402741.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值