WordPress中的应用程序不适合移动屏幕

时间:2017-07-13 作者:Deelliiee

我有一个Wordpress网站,在那里我添加了一个小的html、CSS、Js“BraSizeCalculator”应用程序。

当我在免费托管网站上托管此应用程序时(https://brasizecalculator.000webhostapp.com/)在手机屏幕上看起来不错。这意味着手机屏幕上显示的整个应用程序很可能是原始应用程序的缩影。

但一旦我将其添加到Wordpress页面,手机屏幕上只会显示一半的应用程序;不允许水平滚动。(http://sklep.opulenzaactive.com/jak-sie-mierzyc/)

因此,我修改了CSS元素,以采用百分比大小(例如:宽度:23%)。在下面的wordpress站点中。(http://sklep.opulenzaactive.com/deelliiee/)

它还在建造中,但我需要知道有没有可能进去看看(https://brasizecalculator.000webhostapp.com/) 作为此站点。。或我必须保持以上(sklep.opulenzaactive.com/deelliee/)吗?

1 个回复
SO网友:Picard

正如托肖在评论中所说的那样,最好的方法是编写自己的脚本,让它从一开始就便于移动。但如果你想要一个快速、临时的解决方案,你可以这样做:

<div id="maincontainerWrapper" style="overflow: auto;">
    <div id="maincontainer" style="position: relative;">
          ...
    </div>
</div>
然后,您的计算器应用程序将可以通过左右拖动进行全宽访问,这对您的用户来说既不舒服又不直观。

结束

相关推荐

MobilePress插件和WordPress 4.1更新

一个客户端网站目前正在WordPress 4.0.1上运行,他要求更新到4.1。该网站使用MobilePress插件,该插件在过去的WordPress更新中存在问题,但遗憾的是,我找不到太多相关信息。在MobilePress上official plugin page, 它说它兼容WordPress 3.6.1(尽管它正在进行4.0.1安装)。我有一些问题:WordPress更新有多重要?如果发生错误,我可以恢复更新吗?关于MobilePress插件,最终会出现什么问题?怎么才能修复呢?EDIT更新后,没有