网页显示手机预览功能样式及代码

pc录入数据,同时实现手机端显示样式

<div class="h5-container">
     <div class="h5-viwer-box">
     --写自己要显示的样式
     </div>
</div>

.h5-container {
  width: 300px;
  height: 640px;
  margin: 0 auto;
  background-size: contain;
  -moz-background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../../../assets/moblie.png');
  padding: 43px 10px 80px 14px;
}
.h5-viwer-box {
  width: 266px;
  height: 560px;
}