【问题标题】:Having problem on mobile width issue with shopify page builder (pagefly)shopify页面构建器(pagefly)在移动宽度问题上存在问题
【发布时间】:2019-02-23 05:26:50
【问题描述】:

我正在使用 shopify 平台和 pagefly 页面构建器,它在桌面上看起来不错,但仅在移动设备上看起来很奇怪。 (下图)

我已经联系了 pagefly 支持,他们之前已经解决了这个问题,但它再次发生,我不知道为什么。

这是他们的回复:“这是因为您为元素(图像)设置了固定宽度,因此它的宽度即使在移动视图上也保持不变。”

【问题讨论】:

  • 请分享显示标题的 CSS 部分。您可以将其设置为 100% 以填充桌面视图中的整个容器,并且它应该针对移动设备调整大小。或者您可能必须使用媒体查询,但如果没有看到您的代码就很难说。

标签: html css width shopify fixed-width


【解决方案1】:

嗨,当我看到你的图片时,我发现任何特定的 div 或部分都有一些静态,即 width:200px; 请将其更改为 % like width:20%; 简而言之,在容器或任何其他具有“px”宽度的类中,根据您的布局要求将其转换为“%”,您发现问题已解决。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-12-01
    • 1970-01-01
    • 2017-09-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-10
    • 2011-10-29
    相关资源
    最近更新 更多