素材提供的是宽度是1910px,我的浏览器宽度是1535px,请问如何调整

来源:5-2 作业题

_1973

2019-01-26 09:58:28

素材提供的大图是1910px,也就是常规电脑分辨率下的浏览器的宽度,但是我个人习惯下,我的电脑分辨率没那么高,所以相对应的浏览器宽度就是1535px,相关的宽度设置,例如该项目作业的搜索框的宽度跟素材大图的宽度就会有出入,如果提交作业给老师检查,出来的效果可能也会有出入,我想问如何解决这个问题呢?

写回答

3回答

山河远阔ZZ

2019-01-27

同学你好,一般根据素材的话,如果素材顶部的效果是整体铺满,那么整体设置100%的宽度,中间的内容一般的宽度是1200px,然后再给中间的内容设置margin:0 auto;那么主体内容就会在中间显示。

祝学习愉快!

1
h1973
h 这个我知道的,谢谢
h019-01-27
共1条回复

山河远阔ZZ

2019-01-28

是的同学,分析的是正确的

0

山河远阔ZZ

2019-01-27

同学你好,看得出来你很细心,善于思考。作业中的素材只是作为参考,不是标准的,等以后在开发中会有精确的设计稿给你们。另外,每个电脑的屏幕大小不一样,分辨率也不一样,关于这个现象是有办法处理的,用到的知识是响应式,但是目前阶段,还没有接触到这块的内容,我们只需要先把自己电脑上的网页做好就达到学校目标了,下个阶段会有一个步骤专门讲解响应式布局。当前也可以解决同学说的问题,可以把整体的宽度设置为100%,然后根据自己的电脑设置里面每个小模块的大小。

如果帮助到了你,欢迎采纳

0
h1973
h 谢谢老师给了我宝贵的经验。这里我要更正一下我之前出的问题,有一个错误的地方,我的电脑是win10系统,分辨率是1920,我的布局项目大小设置是125%,所以我的浏览器宽度是1535px,这是我的个人设置习惯,目前这个阶段来说,其实我可以先不管它素材大图的总宽度,反正它的居中间的部分为1200px,除了了头部脚本区域,中间的内容宽度设置是一样的,整体效果出来也就差不多,老师我分析的没有错吧
h019-01-27
共1条回复

0 学习 · 36712 问题

查看课程