决定英雄形象在移动设备上的显示方式

时间：2018-08-22 作者：Chad Belerique

我通常可以通过谷歌搜索找到答案，但我一辈子都搞不清楚这到底叫什么。我提前道歉。

我有一个英雄形象，在全屏幕上看起来很棒。当在手机上时，主图像上的视图会缩小（以适应屏幕），这没关系，但我如何确定要聚焦在照片的哪个部分？默认情况下，它显示为放大，仅聚焦于图像的中心，但如果焦点应向左或向右关闭，该怎么办？我有没有办法确定要查看图像的哪个部分？

或者这不是一种最佳实践？在这种情况下，我希望缩小图像，使整个内容显示在页面上，而不是放大部分。

提前感谢！

1 个回复
SO网友:Castiblanco

这不是最佳做法，似乎您应该为桌面设置一个图像，为移动设备设置另一个图像，以便更好地适应屏幕。

但是，您可以使用background-position CSS 所有物

.imgBackground { 
    background-image: url(\'image\');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom; 
}
检查this 生活的例子。

结束
标签： images   mobile   responsive   小码农  

相关推荐

Remove <p></p> after images

我对<p></p> 出现在my之后的标记<img....>. 以下是我在本地主机上查看生成的页面时显示的内容。。。<img src=\"/wp-content/themes/wunderful/assets/images/feedback-danielle.png\" alt=\"Danielle Johnson Deal Town FC Treasurer\"> <p></p> 请注意随机生成的<p>&