我的图片距离移动设备页面的一半,完全位于桌面

时间:2019-02-02 18:45:28

标签: css image

例如,在页面上的http://adsler.co.uk/wp-user-test-dashboard-2/awpcp-show-ad/11/grey-hat/london/england/clothes/在移动设备上观看时,我的图片偏离页面一半,并且似乎有些变形。在桌面上-很好。

我尝试了所有我知道的CSS。正确的选择器是。 awpcp-ad-primary-image。

所以:

.awpcp-ad-primary-image {
         transform: translate(-28%, -25%);
} 
awpcp-ad-primary-image {
       float: left;       
       background-size: contain; 
       height: auto; 
       width: auto; 
       width 100% //and everything in between plus more. 
}

有什么想法吗?

0 个答案:

没有答案