將內聯和內部樣式轉換爲響應式佈局

我有一個需要轉換爲響應式佈局的大型網站。問題在於之前的開發人員在頁面和表格中都有內部和內聯樣式。我已經開始刪除這些樣式並將它們放到一個外部。這是非常耗時，並想知道是否有任何建議或替代方法來處理這個問題。將內聯和內部樣式轉換爲響應式佈局

這裏是我處理

<div class="header-top-scroller float-left"> 


    <table width="1280" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
     <th width="344" align="left" valign="middle" scope="col"><table width="350" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
      <th width="86" align="left" style="font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #eb3939;" scope="col">LANGUAGES:</th> 
      <th width="264" align="left" scope="col"> 

      <table id="Table_24" width="235" height="23" border="0" cellpadding="0" cellspacing="0"> 
       <tr> 
       <td align="center"><a href="#"><img src="images/languages_01.png" alt="" width="38" height="23" border="0" title="english" /></a></td> 
       <td align="center"><a href="#"><img src="images/languages_06.png" alt="" width="38" height="23" border="0" title="francais" /></a></td> 
       <td align="center"><a href="#"><img src="images/languages_05.png" alt="" width="38" height="23" border="0" title="deutsch" /></a></td> 
       <td align="center"><a href="#"><img src="images/languages_02.png" alt="" width="38" height="23" border="0" title="espanol" /></a></td> 
       <td align="center"><a href="#"><img src="images/languages_03.png" alt="" width="38" height="23" border="0" title="italiano" /></a></td> 
       <td align="center"><a href="#"><img src="images/languages_04.png" alt="" width="38" height="23" border="0" title="japanese" /></a></td> 


       </tr> 
      </table></th> 
      </tr> 
     </table></th> 
     <th width="936" align="right" scope="col"> 
     ...

來源

2014-02-17 rogerthat

Nokogiri可以用來去除風格是什麼，那麼你就必須重新創建自己的CSS（我認爲這是一個更好一點，所以你可以寫清潔劑/優化的代碼）

（順便說一句，你是顯示顯示語言table，所以它似乎也HTML部分需要修復）

來源

2014-02-18 14:03:25 stilllife

將內聯和內部樣式轉換爲響應式佈局

回答

相關問題