作为完美主义者，网页设计中我们通常会设计多套适配方案来解决不同屏幕下的视觉体验。
bootstrap作为知名响应式框架，也有对浏览器不同宽度的展示设计网格，我们可以看到。
当网页宽度小于750px时，它会呈现出，适用于手机屏幕尺寸的视觉效果。
当网页宽度大于750px小于1024px时，它会呈现出，适用于小移动设备，例如iPad，或者笔记本电脑上的视觉效果。
当网页宽度大于1366px时，它会呈现出，适用于大显示器屏幕尺寸的视觉效果。
当然还有专门为4k显示器设计的视觉效果。
可以针对不同布局进行相关的视觉设定。非常方便。
进行网页响应式设计时，我们通常会限制浏览器宽度来控制现实内容的效果，官方给出的尺寸如下：400-500-800-1000px，当然可以根据不同的团队进行调整。使用bootstrap的宽度为576-768-992-1200px。
通常境况下我们会根据不同的网页进行宽度的设计然后逐一展示，figma只需要轻松设置，即可将效果直接通过浏览器宽度调整现实出来。
如果你需要进行响应式网页设计，这个工具你值得尝试。
易点科技（www.eidea.net.cn）成立于2009年，一直专注于IT顾问咨询、信息平台系统开发、企业网络方案解决与运营。服务内容包含pc 手机响应网站建设、B2C购物商城定制开发、微信公众号定制开发、企业管理小型系统定制开发。拥有先进的网页设计制作理念、可靠的质量保障体系。十年专注！已服务过数百家知名品牌企业,积累了众多行业标杆级的经典案例。
