更改img宽度的最佳方法是什么-使用CSS输出或php？

Question

对于使用Redux Framework创建Wordpress选项面板而言，我还很陌生。 我创建了一个选项来更改徽标img的宽度。

但是我不知道什么是以下的最佳方法或实践：

1. 只需瞄准CSS并输出宽度即可。

 .logo img {width:/* css output */;} 

2. 使用php调用该选项。

  global $redux; <div class="logo"> <img width="<?php echo $redux['logo-dimensions']['width'];" /> </div> 

我想认为1是最好的。 但是，这些方法的最佳实践是什么，和/或有没有比这更好的方法了？ 优点缺点？ 我想更深入地了解为什么或为什么不这样做。

会很好的回答:)

Answer 1

如果使用<img> ，则（根据HTML5标准）允许使用内联的width和height属性，考虑到css是一个外部文件，这对于页面渲染可能更有效。

但是，如果包括一些内联CSS来防止内容呈现块并且声明了徽标图像宽度，则CSS解决方案将同样有效。

Answer 2

我认为以下给出的代码对于CSS图像输出将更加有效：

.logo img {
    background-image:url("/imgPath");
    background-size: 80px 60px;
    background-repeat: no-repeat;
}