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

最新推荐文章于 2024-03-28 20:03:44 发布

⑧o年崋

最新推荐文章于 2024-03-28 20:03:44 发布

阅读量1.2k

点赞数 1

分类专栏： css jquery vue 文章标签： PC手机浏览 css html

本文链接：https://blog.youkuaiyun.com/xnlzg/article/details/111318803

版权

vue 同时被 3 个专栏收录

23 篇文章

订阅专栏

jquery

6 篇文章

订阅专栏

css

4 篇文章

订阅专栏

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;
}