启新网站SEO优化什么是弹框？弹框是一种作为提醒、做决定或解决的交互方式。弹框一般包括蒙版、主体和关闭入口，在网页和移动端都很常见。其优点是让用户更加专注，不离开当前页面，更快更容易完成任务。由于弹框与流行的卡片设计非常接近，弹框逐渐承载了更多的功能需求，不再是简单的内容堆叠，弹框设计越来越受到设计师的关注。如何确定弹框尺寸？当你真正开始设计一个弹框时，你遇到的问题是弹框的应该设定多大。市场上各种尺寸的屏幕分辨率，如果您想适应一个尺寸的所有屏幕分辨率，请参考以下数据。2016年5月市场主流计算机分辨率统计Top5(数据来源于百度统计) 从上图可以看出，市场上的小屏幕是1024×768，所以只要这个尺寸能放下，其他尺寸肯定没问题。弹框的宽度一般不会太宽，1万px通常是足够的。高度的话，以Windows例如，在去除系统底部功能条的高度和浏览器的高度后，可以得出结论：768px–约60~100px(浏览器高度)–40px(系统底部工具栏高度)=约620px 弹框高度控制在620px以内，可以避免在小屏幕下滚动一点看整个弹框的尴尬局面。假设弹框本身有滚动条，因为页面超过一个屏幕和一个全球滚动条，整个滚动体验会变得很差。假设弹框本身有有一个滚动条，因为页面超过一个屏幕和一个全球滚动条，整个滚动体验将变得非常糟糕。因此，从经验和开发成本的角度来看，我们通常将弹出框控制在620px根据经验，这个尺寸的弹框占场景的90%。由于屏幕的尺寸越来越大，有时为了在大屏幕下有更好的视觉性能，你可以选择适应一些更复杂的弹出框。以下两个例子为例：Marvel在大屏幕下的新项目弹框中，弹框尺寸为640px(宽)x760px(高);选项及在小屏幕下Icon弹框尺寸会缩小到640px(宽)x620px(高) InVision在大屏幕下，列表行距宽松，弹框尺寸1100px(宽)x800px(高);在小屏幕下，列表的高度降低，弹框尺寸为1100px(宽)x630px(高)。 当然，面板的尺寸也可以根据屏幕尺寸拉伸。 当然，面板的尺寸也可以根据屏幕尺寸拉伸。这里有很多方法可以处理。总之，如果弹出框架尺寸较大，则需要考虑兼容性方案，相对设计和开发成本也会增加。
