我使用Theme 27 years,试图控制不同屏幕分辨率/大小的标题图像/媒体的行为。
该标准似乎只在将屏幕更改为较低分辨率时裁剪图像并更改纵横比。相反,我希望它“放大”,保持纵横比与全屏布局相同。这似乎是图像控制面板的标准。
我已经玩了一堆css设置,但似乎找不到合适的。。。
我使用Theme 27 years,试图控制不同屏幕分辨率/大小的标题图像/媒体的行为。
该标准似乎只在将屏幕更改为较低分辨率时裁剪图像并更改纵横比。相反,我希望它“放大”,保持纵横比与全屏布局相同。这似乎是图像控制面板的标准。
我已经玩了一堆css设置,但似乎找不到合适的。。。
要更好地解决此问题,请使用javascript库imageScale();
此选项中提供了不同的选项(填充、最佳填充、最佳拟合、最佳向下拟合)。
您必须只包含js文件。然后对图像使用以下格式。
<div class="image-container">
<img class="scale" data-scale="best-fit-down" data-align="center" src="img/example.jpg">
</div>
现在将此JavaScript代码添加到页面中。$(function() {
$("img.scale").imageScale();
});
第二个选项是使用另一个javascript imagefill。<div class="container">
<img src="myawesomeimage" />
</div>
$(\'.container\').imagefill();
// image stretches to fill container
更多信息imageScale | imageFill我知道亚马逊。com将向发送用户到其网站购买产品的附属公司(在某些州,具体取决于税法)付款。我还看到一些以亚马逊为特色的Wordpress网站。com产品的链接似乎是附加链接。有没有什么好的插件可以用来展示亚马逊的affilate产品。com(或其他服务?)