很多网页设计师在进行CSS样式布局的时候都遇到过这样一个问题：页面宽度设置过大，导致滚动条出现并且页面元素也随着页面缩小了。那么这种现象该如何解决呢？

html,body {
margin:0;
padding:0;
overflow-x:hidden; /* 清除横向滚动条 */
}
.wrapper {
width:100%;
max-width:1200px; /* 设置最大宽度 */
margin:0 auto; /* 设置水平居中 */
}

解决这个问题，我们需要指定HTML和BODY元素的边界，最好都设为0。这可以通过CSS来实现。同时，我们还要对水平滚动条进行特定的处理，使用“overflow-x:hidden”来清除横向滚动条。接下来，我们需要给网站主体元素设置最大宽度，使用“max-width”实现最大宽度的限制。最后，使用“margin:0 auto”使主体元素在屏幕上水平居中。

总体来说，要避免这种出现滑动条缩小页面的现象，我们需要在CSS样式布局的时候特别注意网页展示的宽度和排版的适应性，以保证所有的页面元素都可以得到最好的显示效果。