老师,已经提交过一次作业,看了老师的点评,在我本地电脑上显示是正常的,但是老师那里显示是不对的

来源:5-2 项目作业

叫我丽红

2021-06-09 16:44:32

尝试过的解决方式:

我猜想可能是因为电脑分辨率的问题,所以在写代码的时候,我也是按照我自己电脑的正常显示来写的,没有按照设计图,因为按照设计图,我的电脑下方就会显示进度条。

问题描述:

在我自己的电脑,显示都正常,基本完成了页面的设计要求。但是到了老师那里,显示就都不正常了,有些内容重叠在一起,但是在我本地是正常的。

相关截图:

修改前:

http://img.mukewang.com/climg/60c07e46097c5bc913660634.jpg

http://img.mukewang.com/climg/60c07e93099293df13620628.jpg

http://img.mukewang.com/climg/60c07ea709488afc13630623.jpg

http://img.mukewang.com/climg/60c07ec2096ac4a713620619.jpg

http://img.mukewang.com/climg/60c07ed5097c8add13610633.jpg


修改后的图:

http://img.mukewang.com/climg/60c07f6709051d0213630601.jpg


写回答

1回答

好帮手慕然然

2021-06-09

同学你好,关于项目显示问题:

首先,项目在老师的电脑上显示不正常,是电脑屏幕分辨率的问题。

其次,布局时同学使用大量的margin调整盒子位置,margin值是按照同学自己的电脑屏幕分辨率设置的,当在其他分辨率的电脑打开时margin值都要修改,才能正常显示,所以使用margin调整位置的布局方式不建议使用。

建议同学按照老师批改作业时,设置版心盒子的方式进行布局(外层背景盒子设置100%宽度,内层版心盒子设置1200px宽度,此时大部分电脑不会出现滚动条,如果出现滚动条的话,可以将版心盒子宽度设置小一点),参考示例:

http://img.mukewang.com/climg/60c088d30909320e10090351.jpg

关于导航图标显示问题:老师这里显示是正常的,如图

http://img.mukewang.com/climg/60c0897f092394c618980158.jpg

建议同学检查一下代码书写是否正确,老师再粘贴一下完整代码,如图

http://img.mukewang.com/climg/60c089a20924641610330645.jpg

http://img.mukewang.com/climg/60c089aa099c13be10390649.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程