Html 如何根据屏幕大小调整已验证PayPal图像的大小
我已从PayPals网站复制了以下代码: 此代码通过显示图像并在单击时重定向到paypal来工作。不幸的是,我无法调整或移动图像Html 如何根据屏幕大小调整已验证PayPal图像的大小,html,css,visual-studio-code,paypal,Html,Css,Visual Studio Code,Paypal,我已从PayPals网站复制了以下代码: 此代码通过显示图像并在单击时重定向到paypal来工作。不幸的是,我无法调整或移动图像 我的目标是在屏幕外的移动it剪辑中查看图像时,根据屏幕大小调整图像大小。请查看下面的片段。希望能有帮助 .支付安全标志{ 显示:块; 高度:自动; 宽度:自动; 最大宽度:300px; 最大高度:300px; } .支付安全标志表img{宽度:100%} 当视口低于某个宽度时,调整div的大小: .payment-secure-logo { disp
我的目标是在屏幕外的移动it剪辑中查看图像时,根据屏幕大小调整图像大小。请查看下面的片段。希望能有帮助 .支付安全标志{ 显示:块; 高度:自动; 宽度:自动; 最大宽度:300px; 最大高度:300px; } .支付安全标志表img{宽度:100%}
当视口低于某个宽度时,调整div的大小:
.payment-secure-logo {
display: block;
width: 30vw;
height: auto;
max-width: 300px;
max-height: 300px;
}
@media only screen and (max-width: 1300px) {
.payment-secure-logo {
width: 80vw;
}
}
<div class="payment-secure-logo">
<!-- PayPal Logo --><table border="0" cellpadding="10" cellspacing="0" align="center"><tr><td
align="center"></td></tr><tr><td align="center"><a href="https://www.paypal.com/webapps/mpp/paypal-
popup" title="How PayPal Works"
onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/paypal-
popup','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes,
resizable=yes, width=1060, height=700'); return false;"><img src="Images/paypal-visa-mc-logos-
500px.png" border="0" alt="PayPal Acceptance Mark"></a></td></tr></table><!-- PayPal Logo -->
</div>
.payment-secure-logo {
display: block;
height: auto;
width: auto;
max-width: 300px;
max-height: 300px;
}
.payment-secure-logo {
display: block;
width: 30vw;
height: auto;
max-width: 300px;
max-height: 300px;
}
@media only screen and (max-width: 1300px) {
.payment-secure-logo {
width: 80vw;
}
}