PC端展示功能，平铺后内容外套个手机壳

一，项目需求：做一个演示的项目，要求在PC端平铺展示，内容外套个手机壳。

二，实现思路

（1）用iframe嵌套内容，iframe外面套个div，背景加载网上找的手机壳素材图片，然后定位到屏幕中央（宽高要是手机壳素材的宽高）

（2） iframe要演示展示的内容绝对定位，top手机壳的上面高度，left手机壳左面的宽度

（3）解决的问题演示的内容带有上下左右滚动条非常的不美观，设置scrolling:no-------始终隐藏滚动条却无法滚动，需要在被嵌套的页面里面设置

    ::-webkit-scrollbar {

        height: 0 !important;

        width:0 !important;

}就实现简单版本的了

1，