网页适应怎么做?
时间:2024-02-08 11:40:01 | 来源:网站运营
时间:2024-02-08 11:40:01 来源:网站运营
网页适应怎么做?:如果是PC端的网页的话。在设计稿方面(就是你的工作),一般会分为两类内容。有效区域和自适应区域。
1.有效区域
有效区域的内容就是需要设计稿适配到分辨率最小的屏幕(具体多大根据公司需求)。现在比较惯用的有效区域宽度尺寸为1200像素。这1200像素的内容始终显示在屏幕的水平居中位置。如果用户的屏幕尺寸大于1200,则有效区域的两侧会出现留白。如果屏幕尺寸小于1200,则屏幕可横向滚动。你的工作就是有效区域在设计稿的水平居中位置,两侧留白即可。
2.自适应区域
自适应区域一般是跟随屏幕宽度变化,就是屏幕不论多宽,自适应区域的左右边界始终是和屏幕的左右边界对齐的。你这里只需要将该区域的左右边界对齐设计稿的左右编辑对齐即可。支付如何跟随屏幕尺寸变化,就是前段的工作了。想企业官网的抬头,轮播图,这些一般都属于自适应区域。
这些其实你多浏览些优秀的网站,然后结合自己公司的需求,并不难确定。