请问下设计稿是 1440px*900px 的 web 页面，怎么在 1920px*1080px 的屏幕下开发呢？

[zqiiii]

ui 图是在蓝湖上面，我试着把分辨率设置为 1920px，但是高度就会变为 1200px，然后参考设计稿里面的高度肯定是不对的。 要求是全屏的不能左右留白 有经验的前辈指导下呢 谢谢了

[RBQMT]

要不就固定宽高吧

[dishonest]

网页吗？ chrome 开发者工具不是可以设置分辨率？

[zqiiii]

@dishonest 是的，可以设置为 1440px*900px，是不是就是按照 ui 给的尺寸 宽度 高度 像素 字体大小来写，然后做一个响应式的适配呢？

[zqiiii]

@RBQMT 怎么个固定法呢？

[RBQMT]

@zqiiii 正常来说，我会固定页面的宽高。。。然后用自适应来开发。

[zqiiii]

@RBQMT 按照目前我这个情况，那就是固定尺寸为 1440px*900px 来开发，然后做适应来开发 对吧？

[morizawatt]

一般设计稿 pc 端内容区是固定宽度的，基本是 1100px 1200px，一般情况下媒体查询 width 大于 1200px 的就按设计稿内容区域宽度了，前端应该比 ui 更懂 bootstrap 啊。我不知道你说的设计稿宽 1440px 是文件宽，还是说内容区域宽,你可以问下 ui 内容区是多宽。

[antscript]

让产品定好不同分辨率下的适配规则再开发

[murmur]

居中 两边留白 最简单的 不要瞎 jb 适配 瞎 jb 适配的典型案例就是小米的横屏移动版，每次我举反例都要把这个拿出来

[belin520]

是的，max-width: 1440，大于的话 2 边居中留空，小于的话按照 100% 宽进行 UI 调整

[murmur]

@belin520 小于的话也不要调整，直接截断或者出横向滚动条，出滚动条还能凑活用，你给调整了又丑又恶心...

[murmur]

我看了淘宝微博京东，京东是出横向滚动条，淘宝微博是直接截断，这是有道理的，用户看到没显示完全他会自己知道显示器或者窗口不够大，但是你给他适配了布局很奇怪他会说你设计 sb

[belin520]

@murmur #11 我会选择让 UI 出几个区间的响应式方案，出滚动条是啥操作，不是很懂。前端应该只负责实现，提供基础的建议，一切以 UI 的验收为准。UI 肯定会出不同屏幕的显示效果的，因为屏幕可能无限宽，所以需要定一个上限。

[redbuck]

主体宽度固定,两侧留白啊,你看下这个网页不就是吗

[tanhua]

第一，打回去从做
第二，两边留白，内容居中 1440px
第三，UI 没脑子吗，笔记本有的屏幕 1440 也太大呀，内容基本会控制在 1100-1200 之间 （个人意见）

[crazytree]

这个不应该问设计吗？

[a87586179]

最好问设计师，之前遇到俩个 UI，一个手机图喜欢 720px，一个喜欢 750px

[icebreaker12]

首先排除响应式，这东西写起来恶心调起来又费劲。目前主流分辨率 99%都是 1366px 以上，pc 网页传统居中布局，版心控制在 1300px 以下 按 ui 图固定尺寸写。前人总结的最佳实践可能不是最好的，但也不会坑人