Jquery 以移动设备(android)为中心的站点
我正在使用以下代码将我的网站集中在桌面计算机web浏览器上:Jquery 以移动设备(android)为中心的站点,jquery,mobile,centering,Jquery,Mobile,Centering,我正在使用以下代码将我的网站集中在桌面计算机web浏览器上: //Always center content in browser window $(window).resize(function(){ $('#wrapper').css({ left: ($(window).width() - $('#wrapper').outerWidth())/2, top: ($(window).height() - $('#wrapper').outerHeig
//Always center content in browser window
$(window).resize(function(){
$('#wrapper').css({
left: ($(window).width() - $('#wrapper').outerWidth())/2,
top: ($(window).height() - $('#wrapper').outerHeight())/2
});
});
$(window).resize(); // To initially run the function
它很好用,但在安卓智能手机上不行;它卡在左上角。这是我的建议
有没有什么“普通”代码可以实现这一点?你知道,至少在Chrome中,它说
left:0px;顶部:0px
它实际上并没有做任何定位,对吗?但它是以桌面电脑浏览为中心的-它在这里不也应该对齐错误吗?@Pedro我怀疑这与你的定位CSS有关。顶部、底部、左侧和右侧都是0。当您可以使用css实现目标时,应避免使用javascript。我排除了jQuery部分和应用边距:auto 0px;到#包装器-尽管结果相同。