我上周发布了WordPress网站的第一个版本，我很难找到在博客帖子中提供响应式图像的最佳方式。
Example of a blog post with wonky images in the body
我尝试使用max-width: 100%;和width: 100%;进行＆＃34; img＆＃34;标签，但它们仍然无法正确显示，尤其是在较小的屏幕宽度时。我认为放弃的是WordPress正在添加＆＃34; height＆＃34;和＆＃34;宽度＆＃34;属性到每个img标签。
我试图找到这个困境的答案，我感到非常不知所措，我觉得其他人也会遇到同样的问题。
答案 0 :(得分：0)
您可以使用Bootstrap Class＆＃34; img-responsive＆＃34;。请尝试此代码
<img class="aligncenter wp-image-167 size-large img-responsive" src="https://genofevephotography.com/wp-content/uploads/2017/12/DSC_3069-1024x683.jpg" alt="" width="640" height="427">
答案 1 :(得分：0)
您可以采取以下措施确保图像始终显示良好。
设置max-width
如果图像不是可缩放的图像类型，最好不要超过图像的原始宽度。
将width设为100%
当您缩小图像并将宽度设置为100%时，您必须通过将height property value设置为auto来释放高度。这样，图像将缩小而不会恶化
my-image-holder {
width: 500px; /* can be = or < the images original width */
height: 400px; /* Assuming you do not want the original height */
overflow: hidden; /* Hides vertical overlaps */
}
my-image {
width: 100%;
height: auto; /* Allows the image to scale accordingly */
}