某些较旧的浏览器和移动设备上未显示的内容(SGS3)

时间：2014-01-31 作者：4ndro1d

我正在处理我新创建的网站的一个问题。我正在使用Wordpress 3.8和一个自定义的儿童主题（2144）。

我发现了一个问题，一些手机（如SGS3）和一些旧浏览器无法显示帖子和页面的内容。

http://www.citizen-science.at/

三星Galaxy S3是少数无法显示页面的手机之一。还有一些旧版本的Safari浏览器和其他一些。看起来更新浏览器基本上解决了这个问题，但我也想支持旧浏览器。

下面是一个示例：

screenshot with missing content part

在白色部分所在的位置，应该有页面的内容，但没有显示出来。

EDIT:

不工作的已知浏览器：

Android Internet（三星Galaxy S3，Android 4.3）

  • Android Internet（三星Galaxy S3 mini，Android 4.1）
  • Safari（桌面版5.1.7，Win 8.1）
    • 2 个回复
    最合适的回答,由SO网友:matthew moore 整理而成

    这是你的css。我进入了你的CSS.content-area. 我拿出左侧的浮子，然后进入

    第753行

    然后取出display:table. 我不确定这个主题，但如果它使用表，我会将其全部更改为div的

    .footer-sidebar::before, 
.footer-sidebar::after, 
.hentry::before, 
.hentry::after, 
.slider-direction-nav::before, 
.slider-direction-nav::after, 
.contributor-info::before, 
.contributor-info::after, 
.search-box::before, 
.search-box::after, [class*="content"]::before, [class*="content"]::after,
[class*="site"]::before, 
[class*="site"]::after {
    content: "";
    display: table;
}
    这就是我所看到的，但没有实际的代码，我只看到这两件事是错误的。您不必取出显示表，只需取出类内容部分，就可以了。

    [class*="content"]::before, [class*="content"]::after,

    我不是百分之百确定，但我知道这就是你的问题所在。

    SO网友:bueltge

    首先，我认为问题更复杂，不容易调试。但是，如果你把它放在顶部，我想它会减慢css的加载速度。更改字体的位置。此外，您还可以使用自定义字体加载大量字体，对于较旧的浏览器和他的内存来说，可能会加载很多。密歇根州请求，旧浏览器加载所有资源也不容易。下载字体并在样式表中包含静态地址。

    另外，添加回退字体也是一个好主意。但a t首先使用较少的字体，然后再次检查。

    还提示将以下源添加到.htaccess.

    <FilesMatch "\\.(ttf|otf|eot)$">
    <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>
    查看此提示的完整讨论here.

    当前有很多旧浏览器您的问题，请参阅http://browsershots.org/http://www.citizen-science.at/

    结束
    标签： content   mobile   小码农  

    相关推荐

    Content hooks vs User hooks

    这与其说是一个有直接答案的问题，不如说是一个理论问题。我一直在处理更新或删除帖子以及更新或删除用户时启动功能的不同操作。对于行动，publish_post 和before_delete_post 对于职位和personal_options_update, edit_user_profile_update 和delete_user 对于用户。通过更新后，您可以访问当前设置的值，同时访问新值，以便在发生任何事情之前进行您认为合适的任何更改。使用用户更新，您只能在设置新信息后才能访问新信息。Is there a