移动设备中网站右侧的空白区域答案

【问题标题】：White space on right side of website in Mobile devices移动设备中网站右侧的空白区域
【发布时间】：2015-04-03 22:29:38
【问题描述】：

我在移动设备上查看网站时遇到问题... 更糟糕的是，在每台移动设备上，网站的显示与桌面视图中的完全一样（这是我需要的部分），但问题是我无法调试并找到 css 错误。问题是网站右侧的空白区域，它在滑块部分滑块中可见的不是全屏宽度，整个网站也是如此。你可以在这里看到截图中的白色垂直空间screenshots 网址是Site link，这里是我的问题截图

【问题讨论】：

标签： css layout

【解决方案1】：

这是你的问题

<header id="header-v5" class="header clearfix" style="width:100px">
<div class="wrapper header-v5-wrapper clearfix">
<div class="sixteen spans">
<div class="logo" i="">
<div class="slogan">
</div>
</div>

标题部分没有响应，例如class="sixteen spans" 有一个width:960px，而被预览为 320x480

【讨论】：

它的原理和你的 body 一样，只是在这种情况下使用你的 header 类
给我你的@media css，这样我就可以给你添加课程了:)
pastebin.com/cg2hYm6m 先谢谢你了……我对移动设计不是很熟悉……
@media only screen and (max-width: 767px) { .wrapper .sixteen.spans { width: 100%; } .one_fourth { width: 100% !important; } .one_fourth { padding-bottom: 40px !important; width: 100% !important; } #copyright .wrapper { width: 100%;} 这对我有用，如果您遇到困难，请将!important 添加到版权（页脚）以覆盖其他宽度。一个小提示，如果你正在做响应，宁愿使用 % 然后像素
嗯……什么都没发生……你能从移动设备上的图片中看到右侧的空白吗……又来了……这是最大的问题吗？