前端pc页面的适配不同分辨率的问题?

Question

设计师给的设计稿是1920的宽度 其中安全宽度是1200 在安全宽度外面还有一个悬浮框 在1360 的笔记本电脑上就会出现悬浮框无法显示的问题 提问 ：这种问题 应该怎么解决 一个设计稿 怎么适配所有的电脑屏幕是否需要在设计一版安全宽度是1000的 来适配小屏的笔记本电脑啊 很纠结

Answer 1

关于适配不同分辨率的问题，你可以用bootstrap这样的前端框架解决。
如果你不想用框架，就自己写媒体查询了。bootstrap也是大量的媒体查询。
设计师只有一个设计稿就麻烦了，因为在小屏幕上该怎么显示，前端开发并不能下决定，理论上你们请设计师设计的时候就应该告诉他适配多种尺寸的需求。
这个时候，在只有一版的时候，你可以去找产品经理，如果它不理你，你可以带把刀去找它效果会好一点。

Answer 2

这种问题 应该怎么解决 一个设计稿 怎么适配所有的电脑屏幕

你们对“安全宽度”的定义是什么？

1360 宽度下的屏幕表现本身是设计师要考虑的问题，并且明确传达给实现的人啊。

“一个”设计稿无法适配所有情况，“一套”设计稿可以。

是否需要在设计一版安全宽度是1000的 来适配小屏的笔记本电脑啊 很纠结

那看你如何定义“小屏”。

目前正常的桌面电脑， 1360 就是最小的了吧。