CSS-右边的多余空间

如何解决CSS-右边的多余空间

| * {   边距：0;   边界：0;   填充：0; } html {   -webkit-text-size-adjust：无； } 身体 {   背景：＃474747 url（bg.png）; } h1 a {   显示：块；   文字修饰：无；   字体：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 pre {   宽度：275px；   保证金：0自动;   背景：＃222；   填充：10px;   font-size：20px;   颜色：＃555;   文字阴影：0px 2px 3px＃171717;   -webkit-Box-shadow：0px 2px 3px＃555;   -webkit-border-radius：20px; } 到目前为止，这就是我在网站上针对iPhone优化的版本。但是从iPhone / iPod touch观看时，看起来不错，除了右边有多余的空间。我怎样才能解决这个问题？     

解决方法

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

<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>

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