仅在移动设备上居中对齐图像

时间：2016-12-29 作者：David Gonzalez

我有一个WordPress网站，我的许多图片都是左右对齐的。然而，它在手机上看起来并不好。

是否有任何自定义CSS可用于将图像居中对齐mobile devices only?

谢谢

1 个回复
SO网友:iguanarama

您可以根据显示宽度以CSS中的mobile为目标，如下所示：

@media only screen and (max-width: 768px) {
    // Mobile-specific CSS here
}
然后，根据您的代码或主题，对于实际的CSS，类似这样的内容：

    img {
        display: block;
        margin: 0 auto;
    }

标签： css   mobile   小码农  

相关推荐

将页面特定的css文件入队的正确方法

我正在寻找一种替代使用函数的方法。php并基于每个页面的ID应用条件，相反，我希望将CSS排在每个页面的顶部，如下所示：<?php defined(\'ABSPATH\') or die(); ?> <?php get_header();?> <?php wp_enqueue_style(\'home\', get_template_directory_uri() . \'/assets/css/style.css\', \'\',