CSS边距编辑使移动网站混乱

问题描述

我一直在尝试在Shopify上向下移动我们产品页面的特定内容。我将页面上的按钮移到了左上方。插入我们的theme.scss中的用于按钮的新位置的代码是：

.btn--secondary{
position:absolute;
left:228px;
top:40px;
font-size: 8px;
padding: 10px 32px;
margin-bottom: 350px;

}

我还更改了产品图片和标题的边距：

    .product-single__media {
      margin-top: 50px;
      min-height: 1px;
      width: 100%;
      height: 100%;
      position: relative; }
        .product-single__media iframe,.product-single__media model-viewer,.product-single__media .shopify-model-viewer-ui,.product-single__media img,.product-single__media > video,.product-single__media .plyr,.product-single__media .media-item {



      .product-single__title {
        margin-bottom: 0.5rem;
        margin-top: 50px;}

这些更改使网站的移动版本完全中断了一半。有什么办法可以解决此问题，以使移动版本看起来与台式机版本相同？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）