css - 移动设备的图像大小 - WordPress

Question

我在使用移动设备查看时遇到以下链接问题。 http://www.empowerhealthconcepts.com.au/rubix-plyometrics/

所有其他链接，例如下面的链接，例如图像大小，在移动 View 上都可以。 http://www.empowerhealthconcepts.com.au/chronic-disease-management-and-prevention/

唯一的区别是，对于 Rubix Plyometrics 页面，我在图像上添加了一个类以居中，将它们隔开并分开。

类是:

.rubiximage {
margin-left: 105px;
width: 21% !important;
}

如果我不将宽度设置为 21%，则图像在移动 View 中会被截断。 但是当我将 21% 设置为移动 View 时，图像显得太小了。

有什么建议吗？

Answer 1

删除您的代码并使用它:

.rubiximage {
    float: left;
    max-width: 270px;
    width: 100%;
}
.entry-content p:first-child{
    display: inline-block;
}

而不是 50% 宽度，它应该是 100%，但是你的图片太小了，如果你使用 100%，它们看起来会像素化。