使html響應

-4

我對Html很新穎。我有一個網頁需要在平板電腦和手機上使用。我需要做些什麼才能做到這一點。使html響應

風格：

#header { 
     font-size:30px; 
     color:white; 
     text-align:center; 
     padding-top:10px; 
     padding-bottom:10px; 
    } 


</style>

HTML：

<div style="background-image:url(); height:350px; width:900px;margin-left:auto;margin-right:auto;"> 
    <div id="header">text</div> 
    <div id="para">text</br>text</div> 
    <div id="splash_img"><img src=""/></div> 

    <div id="game_img"><img src="" /> 

     <div id="video_play"><img src=""/></div> 
     </div>

形式：

 <div id="form_container"><div id="form"><form> 
     <div class="form_label">Name:</div> <div class="form_input"><input type="text" name="firstname" style="width:200px; display:inline-block"></div> 
     <div class="form_label">Surname:</div> <div class="form_input"><input type="text" name="lastname"style="width:200px; display:inline-block"></div> 
     <div class="form_label">Email: </div><div class="form_input"><input type="text" name="email"style="width:200px; display:inline-block"></div> 
     <div style="padding-left:40px; padding-top:10px"><input type="submit" value="text"></div> 
     </form></div></div> 

</div>

來源

2014-01-20 user3142828

這個標記是出於噩夢！在做出這種響應之前，你應該做的第一件事就是刪除所有'樣式'屬性，並使用外部樣式表。 –

使用'@ media'標籤。 – Ranveer

將您的CSS從您的HTML首先分開... –

有幾個圖書館，你可以找到有用的。這是一個噩夢的代碼。你真的需要從HTML中刪除那些css，並將它們導入css文件中。

http://angrycreative.se/modern-css-frameworks-for-desktop-tablet-mobile/ 

http://kyleschaeffer.com/development/responsive-layouts-using-css-media-queries/

來源

2014-01-20 12:29:37 Tharanga

回答

相關問題