最近的项目ui设计只提供了1920px的设计图,开发仓促,并没有考虑各种分辨率的兼容性,导致在1366屏幕上各种问题。
处理方案:
另外写一个media.css,按1366px,1520px的分辨率对每个页面进行复查,单独调整错位的地方,确保显示正常。
缺点:费时费力。
总结一下本可以避免的问题:
1.开发前确定要适配的屏幕,一般要求适配至1366px。
2.开发过程中布局容器宽度使用百分比单位,高度由内容撑开或使用@media分别设置。
3.每开发完成一个页面,在不同分辨率窗口下检查显示是否正常,及时调整。