PC端项目如何适配不同的尺寸的电脑?

大家猿宵节快乐!问题如题,谢谢~

阅读 3.7k
3 个回答

image.png

在调研部分网站之后,尤其是toB/toP类网站,网站均以安全区域(1200x/1190px)显示为主。而对于服务商提供的服务/产品/维护等相关前台/后台网站界面则全屏显示,通常以左侧菜单栏,右侧主体显示内容等形式

再回到题干,结合你实际页面展示内容情况,对于不同尺寸[分辨率]做适配,可考虑采取居中固定安全区域双边留白,尺寸结合实际适配尺寸可做适应调整,也可以做响应式布局,根据媒体查询来界定不同分辨率临界值和区段的显示方式,也可以使用vw/vh等单位,做动态变换

要么做成响应式的做几套css方案
要么出设计的时候就把设计的主视觉定到一个合适的宽度让小分辨率电脑也能看到内容

偷懒的话。。。
按设计稿定宽,居中
浏览器宽度比设计稿小,就整体缩小(JS计算缩放比率)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题