1.在pc端插入手机图片,把网页嵌入到手机图片的iframe中,通过css3样式实现手机图片和网页一起缩放的功能。
transform:scale(0.8,0.8);//实现缩放
transform-origin:24% 5%;//找到缩放的基点
transform-rotete(90deg);//实现横竖屏旋转
2.css控制滚动条
div{
overflow:auto;
height:auto;
}
div::-webkit-scrollbar{width:0px;height:0px;border-radius:5px;} //隐藏滚动条
div::-webkit-scrollbar-track{background-color:#eee;}
div::-webkit-scrollbar-thumb{background-color:#bbb;}
div:hover::-webkit-scrollbar{width:5px;height:5px;} //鼠标经过时候滚动条出现