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

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

_1973 2019-01-26

源自：项目：JQ实现瀑布流 5-2 作业题

0

收起

3回答

山河远阔ZZ 2019-01-28 09:36:20

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

山河远阔ZZ 2019-01-27 15:00:23

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

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

提问者 _1973 #1

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

2019-01-27 19:53:17

山河远阔ZZ 2019-01-27 11:05:54

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

祝学习愉快！

提问者 _1973 #1

这个我知道的，谢谢

2019-01-27 11:38:49

相似问题

我这里在配置项里设置的宽度百分比，是与浏览器宽度相比，而不是原select默认宽度相比，什么情况？

网页宽度是用100% 还是设置一个指定的宽度问题

老师，为什么在导航栏的.dropdown-menu的宽度为什么不是两个浮动的子元素宽度的和？

min.max宽度和高度最终数值的计算

footer宽度问题

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载