一,项目需求:做一个演示的项目,要求在PC端平铺展示,内容外套个手机壳。
二,实现思路
(1)用iframe嵌套内容,iframe外面套个div,背景加载网上找的手机壳素材图片,然后定位到屏幕中央(宽高要是手机壳素材的宽高)
(2) iframe要演示展示的内容绝对定位,top手机壳的上面高度,left手机壳左面的宽度
(3)解决的问题演示的内容带有上下左右滚动条非常的不美观,设置scrolling:no-------始终隐藏滚动条却无法滚动,需要在被嵌套的页面里面设置
::-webkit-scrollbar {
height: 0 !important;
width:0 !important;
}就实现简单版本的了
1,