Mobile CSS Best Practicies

Question

我應該在移動網絡中重寫/重置哪些樣式？當你從一開始就設置margin: 0; padding: 0;爲任何元素時，有沒有類似桌面網站的模式？如果我重置太多樣式/元素，會有任何後果嗎？

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. 從哈波：

如何強烈你相信CSS重置爲臺式機？

我傾向於贊同那些認爲CSS重置太過分的人（你是否曾經閱讀過一個？我從來沒有聽說過這些元素中的一些），並且最終，手工制定的規則基於您的實際需求將是最可預測和高效的。

移動平臺僅使帶寬更加珍貴。我想 這就是你問的原因。我會說，減少一個標準的重置到 你真正需要的。

如果你到樣板：there is a for mobile option.

您可能希望它的一些功能添加到您自己的，即使你不使用的樣板。