电脑端和手机端显示不一样，有没有大师愿意帮一把？

电脑端显示正常：

img

手机端就乱显示了：

img

我自己在网上东拼西凑弄的代码：


                             <p style="position:absolute;top:2px;left:555px;">
                             <font color="#424B50"  face="微软雅黑"><b>限时特惠：</b></font>
                             </p>
                             
                             <p style="position:absolute;top:80px;left:50.5%;text-decoration:line-through #ff0000;font face="微软雅黑";">
                            <b>（ 会员原价： ¥899 ）</b>
                             </p>
                            
                            </span>
                            </div>

用媒介查询去做样式区分