移动图像大小 - WordPress

Question

从移动设备查看时，我对以下链接有疑问。 http://www.empowerhealthconcepts.com.au/rubix-plyometrics/

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

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

班级是：

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

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

有什么建议吗？

Answer 1

删除您的代码并使用它：

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

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