在iOS和Android上，在Angular 5构建的web应用程序上模拟广告预览
我正在开发一个Angular 5应用程序，该应用程序应该被广告商用来创建广告，以便在不同的移动设备主机上显示。该客户现在要求在Android和iOS上为3.5英寸智能手机屏幕提供预览屏幕 你知道如何在一个桌面应用程序中以预览模式为iOS和Android提供实时上传的图像吗 是否有任何JavaScript框架可以帮助这两种设备的默认屏幕和布局在iOS和Android上，在Angular 5构建的web应用程序上模拟广告预览,android,ios,angular,graphic-design,Android,Ios,Angular,Graphic Design,我正在开发一个Angular 5应用程序，该应用程序应该被广告商用来创建广告，以便在不同的移动设备主机上显示。该客户现在要求在Android和iOS上为3.5英寸智能手机屏幕提供预览屏幕 你知道如何在一个桌面应用程序中以预览模式为iOS和Android提供实时上传的图像吗 是否有任何JavaScript框架可以帮助这两种设备的默认屏幕和布局 还有比调整iframe大小更好的吗？我的评论如下：我不知道有什么框架可以做到这一点 但这很容易被嘲笑。你所需要的只是显示一个div，它的大小与你要瞄准的手机
还有比调整iframe大小更好的吗？我的评论如下：我不知道有什么框架可以做到这一点 但这很容易被嘲笑。你所需要的只是显示一个div，它的大小与你要瞄准的手机屏幕一样 您不需要太多的代码和浏览器兼容性，因为您只想显示图像和一些文本。我很确定所有浏览器都能处理这个问题 快速搜索iPhoneX，我得到的尺寸是2.436 x 1.125
给定大小，让我们取第三的这个：812×375＜/p> 现在我不知道iPhone上的按钮，所以我不会显示它们，但这里有一个模拟iPhone屏幕：
#屏幕{
身高：821px；
宽度：375px；
边框：1px纯黑；
保证金：自动；
}
#img广告{
身高：80%；
背景：水鸭；
颜色：rgba（0,0,0,0.54）；
显示器：flex；
对齐项目：居中；
证明内容：中心；
字体系列：Helvetica；
字体大小：粗体；
字体大小：30px；
}
#文本广告{
身高：20%；
背景：番茄；
颜色：rgba（0,0,0,0.54）；
字体系列：Helvetica；
字体大小：粗体；
框大小：边框框；
填充：24px；
文本对齐：居中；
}
80%的屏幕
我只记得这一部分