问题描述
|
* {
边距：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>