自定义警报框,用于使用javascript的不同屏幕大小和android的不同浏览器

自定义警报框,用于使用javascript的不同屏幕大小和android的不同浏览器,javascript,android,css,cross-browser,hybrid,Javascript,Android,Css,Cross Browser,Hybrid,我曾使用自定义警报框来隐藏javascript所说的标题,但现在我想在不同的浏览器和android Devce浏览器上使用它,警报框似乎放错了位置,对于某些android设备来说也变得很大。我如何使用css或sone otherjs脚本来调整我的警报框,以便它可以进入中心并用于不同的浏览器。下面是frm,我在这里获取了警报框的代码。 请建议对此代码参考进行一些更改。最好(或至少最简单)的方法是使用现有的javascript库,该库已被设计为最大限度地实现跨浏览器支持。例如,看看jQuery的对

我曾使用自定义警报框来隐藏javascript所说的标题,但现在我想在不同的浏览器和android Devce浏览器上使用它,警报框似乎放错了位置,对于某些android设备来说也变得很大。我如何使用css或sone otherjs脚本来调整我的警报框,以便它可以进入中心并用于不同的浏览器。下面是frm,我在这里获取了警报框的代码。


请建议对此代码参考进行一些更改。

最好(或至少最简单)的方法是使用现有的javascript库,该库已被设计为最大限度地实现跨浏览器支持。例如,看看jQuery的对话框功能:

如果您的目标是移动设备,那么我建议您使用移动JavaScript框架。例如,如果您使用jQuery Mobile,则不必担心此问题,因为它遵循响应性设计:

它还有一个弹出式组件,您可能正在寻找该组件:

alertify.js有一些很好的选择