Question

我应该在移动网络中覆盖/重置哪些样式？当您从一开始就将margin: 0; padding: 0;设置为任何元素时，是否存在类似于桌面Web的模式？如果我重置太多样式/元素会有什么后果吗？

Answer 1

如果您真的想要重置：Carrer blog has one： (github)

/* CSS Mobile Reset */
html, body
{
 margin: 0;
 padding: 0; 
 border: 0;
}

body 
{
 font-family:Arial,  sans-serif;
 line-height:1.5;
 font-size:16px;
 background: #fff;
 padding:5px;
 color: #000;
 word-wrap: break-word;
 -webkit-text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6{ font-weight: normal; }

p img { float: left; margin: 0 10px 5px 0; padding: 0; }

img { border: 0; max-width: 100%; }

table { width:auto; border-collapse: collapse;border-spacing: 0; }

<强> Must read SO post on the matter. 来自Harpo：

您对桌面的CSS重置有多强烈意见？

我倾向于同意那些认为CSS重置也是如此的人   笨手笨脚的（你读过一个吗？我从来没有听说过其中的一些   元素），最终，手工制作的规则基于你的实际   需求将是最可预测和最有效的。

移动平台只会让带宽更加珍贵。我猜   这就是你问的原因。我会说，将标准重置降低到   你真正需要的是什么。

如果你进入Boilerplate：there is a for mobile option.

即使您不使用样板，也可能需要添加一些功能。

移动CSS最佳实践

1 个答案: