我在这里放置了一个背景图片
batikdharsono (dot) com。
你可以看到左上角的图片是用以下CSS代码定义的。
如果屏幕分辨率为1024x768,则徽标位于右侧导航菜单附近,位置相当合适/不会太远。但如果屏幕分辨率更高,例如1366x768,则徽标将远离其右侧的导航菜单。
我已经尝试使用一些JQuery代码,例如:
#top {
background-color: #000 !important;
padding-bottom:10px !important;
padding-top:10px !important;
padding-left: 30% !important;
background-image:url('http://www.batikdharsono.com/x_img/batik-bird.png');
background-size: auto 100%;
background-position:center left;
background-repeat:no-repeat;
}
如果屏幕分辨率为1024x768,则徽标位于右侧导航菜单附近,位置相当合适/不会太远。但如果屏幕分辨率更高,例如1366x768,则徽标将远离其右侧的导航菜单。
我已经尝试使用一些JQuery代码,例如:
<script type="text/javascript">
jQuery(document).ready(function() {
if (window.innerWidth) {
if (window.innerWidth < 1100) {
jQuery('#top').css('padding-left', '30% !important');
} else {
jQuery('#top').css('padding-left', '20% !important');
}
}
});
</script>
但是它不起作用。我的jquery代码有解决方法吗?或者我只需要改变CSS?
谢谢。