右侧多余空间答案

【问题标题】：Excess space on the right右侧多余空间
【发布时间】：2011-08-31 13:50:53
【问题描述】：

* { 边距：0；边框：0；填充：0； } html { -webkit-文本大小调整：无； } 身体 { 背景：#474747 网址（bg.png）； } h1一个{ 显示：块；文字装饰：无；字体：40px Helvetica、Arial、Sans-Serif；字母间距：-5px；文本对齐：居中；颜色：#a0a0a0；文字阴影：0px 5px 8px #2a2a2a; } h2 { 字体：30px Tahoma、Helvetica、Arial、Sans-Serif；文本对齐：居中；颜色：#222；文字阴影：0px 2px 3px #555; } div#mobile 前 { 宽度：275px；边距：0 自动；背景：#222；填充：10px；字体大小：20px；颜色：#555；文字阴影：0px 2px 3px #171717; -webkit-box-shadow: 0px 2px 3px #555; -webkit-border-radius：20px； }

这是我目前在我的网站的 iPhone 优化版本上所拥有的。但从 iPhone/iPod touch 上看时，它看起来不错，只是右侧有多余的空间。我该如何解决这个问题？

【问题讨论】：

很难说。会不会是bg.png 对于设备宽度来说太小了？
您能否提供一个实时链接或在 jsfiddle.net 上提供一个示例
switch.tk
将非答案添加到“bump”您的问题在这里是不可接受的行为。如果您想提请注意您的问题，两天后您将被允许place a bounty on it。您也可以edit your question添加更多信息，这可能会使您的问题更容易理解和回答。

标签： iphone css

【解决方案1】：

我认为您的“标签”后面有一些制表符或空格。您还应该在标签元素中包含文本。

你可能有什么：

<pre> <form method="post" action="/index.php">Enter a URL<br />(WITH THE http://):               <br /><input type="text" name="url"> 
<br />Want a custom tag?                    <br /><input type="text" name="custom"> 
</form> 
No URL was entered.</pre>

你应该拥有的：

<form method="post" action="/index.php">
  <label for="url">
    Enter a URL (WITH THE http://):
  </label>
  <input type="text" name="url"> 
  <label for="custom">
    Want a custom tag?
  </label>
  <input type="text" name="custom"> 
</form> 
<p>No URL was entered.</p>

然后您需要对其进行样式设置以使其看起来像以前一样。请记住，前置元素通常用于输出代码。

【讨论】：