<分区>
目前我有这个,它非常适合移动设备,但对于台式机来说尺寸太小了。
<!-- Main Stylesheet -->
<p><link href="/adpopup-pro.min.css" rel="stylesheet" media="screen" type="text/css" /></p>
<!-- jQuery (load only if needed) -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!-- Main Javascript -->
<script type="text/javascript" src="/adpopup-pro.min.js"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
var ads = {
'ad_1': {
'type': 'image',
'src': 'imagelink',
'link': 'link',
}
}
$('body').adPopupPro({
ads: ads,
width:320,
height:320,
overlay_color:'dark',
});
});
// ]]></script>
有没有办法以某种方式封装它,让它只在移动设备上加载,而在桌面和更大尺寸的设备上加载另一个?
最佳答案
你可以这样做
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
}
编辑:这里有一个类似答案的链接 How to auto adjust the div size for all mobile / tablet display formats?
关于javascript - 响应页面加载弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40599114/