margin-top开发工具跟安卓手机上为何不一致呢?
发布于 6 年前 作者 tcao 2153 次浏览 来自 官方Issues

第一张是安卓手机的,第二张是开发工具上的,用的margin-top为何显示的位置不一样啊?要怎么解决一下

3 回复

image{

width:100%;

height:1100px;

z-index:1;

position: fixed

}

.content{

position: fixed;

z-index:2;

width:100%;

}

.guize{

width:100%;

font-size:13px;

color:#fff;

margin-top:76px;

}

.buy_num{

font-size:14px;

color:#fff;

width:100%;

text-align: center;

margin-top:51px

}

<view>

<image src=/fxback.jpg"></image>

<view class=“content”>

<view class=“guize”>

<view style=“width:76%;margin-left:12%”>

<view>1.新用户首次下单、累计下单6次、12次均可获得一次免单机会。</view>

<view>2.邀请好友完成首次下单仍可获得一次免单机会。</view>

<view>3.一次免单机会可在本页面兑换任意商品一份。</view>

</view>

</view>

<view class=“buy_num”>

我的兑换次数<text style=“color:yellow”> 1 </text>

</view>

</view>

</view>

麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

提供一下代码

回到顶部