我的页面对大多数分辨率都有完全响应，包括width: 480px。每个元素都应该完美地设置。但是当我使用ctrl+ plus sign缩放到最大值时，它会放大到我可以通过firebug看到的480px布局，但它不适合屏幕，因为它在480px屏幕中没有缩放时适合。
这是480px屏幕的媒体查询。
@media only screen and (max-width: 480px) {
.inner-main{width:480px;}
.listing ul li{width:460px;}
.latest-post-lising-leftside{width:71%;}
.holder-lattest-gallary{left:25%;}
.jcarousel li{width:225px;}
.posts-tab p{width:79%;}
.footer-inner1, .footer-outer{width:480px;}
.footer-left{width:460px;}
.footer-left-down-content{width:240px;}
.footer-right{width:435px;}
.jcarousel-control-prev, .jcarousel-control-next{top:131px;}
.logo { margin-left:0px;}
.drop-menu{width:470px;}
.drop-down-posts{width:139px;}
}
你可以在这里看到我的页面。 http://maitriwebsolution.com/Projects/zayan/html/
我尝试给每个元素和div固定width 480px，但仍然不适合最大缩放。类.inner-main是整页宽度的有效类，在缩放到最大值时有width:480px
在这里，您可以看到我在此模板上尝试实现的目标。在此站点中尝试按ctrl+ plus sign缩放到最大值。您可以看到每个元素如何设置为固定宽度。
http://pixelgrade.com/demos/bucket/
有人可以建议任何解决方案吗？