內嵌css響應式網頁設計

-1

我實際上是創建一個具有實際編碼的電子郵件簽名（對於Gmail），它在計算機網絡上看起來很好。不幸的是，手機版的簽名效果並不好，我想嘗試像媒體查詢等解決方案。但Gmail只輸入INLINE CSS並且無法驗證大綱CSS。內嵌css響應式網頁設計

我試過使用table，tr，td來認爲表格會幫助自動調整在移動設備上，但無濟於事。任何人都可以爲我推薦任何解決方案嗎？

<table cellpadding="0" cellspacing="0" style="margin:0; padding:0;border:0"> 
    <tr> 
     <td> 
     $container1 
     <table cellpadding="0" cellspacing="0" style="margin:0; padding:0;border:0"> 
      <tr> 
       <td width="450"> 
        <div id="minicontainer1" style="padding: 5px 0 0 20px; height:80px;line-height:50%;box-sizing:border-box;"> 
         <p class="font1" style="font-family: Helvetica; font-size:11pt;font-weight:bold; color:black;"> $name </p> 
         <p class="font2" style="font-family: Helvetica; font-size:9.5pt; color:black;"> $position </p>   
         <p class="font2" style="font-family: Helvetica; font-size:9.5pt; color:black;"> $cell </p> 
        </div> 
        <div id="minicontainer2" style=" padding:0 0 0 20px; margin-top:-10px; line-height:50%;box-sizing:border-box;"> 
         <p class="font1 diffsize" style="font-family: Helvetica; font-size:8pt; font-weight:bold; color:black;"> $company </p> 
         <div class="font2 diffsize" style="font-family: Helvetica; font-size:8pt; color:black; line-height: 12px;"> 
          <p> $address. </p> 
          <p> Phone : <span id="special" style="color: #0000EE !important; text-decoration: underline;"> $telno </span> | Fax :<span id="special" style="color: #0000EE !important; text-decoration: underline;"> $faxno </span> </p> 
         </div> 
        </div> 
       </td>

這只是它的一個小例子，並向您展示如何使用內聯CSS來處理所有事情。該文件有php，html和css。 Bootstrap很可能也不可用。

只是爲了可視化：

web

mobile

來源

2016-08-23 James Lee

拿出小提琴，以便提供解決方案更容易。你的HTML標記如何不完整 – Aravind

只是一個示例。我有義務顯示整個代碼 –

預期結果是什麼？你想讓'minicontainers'堆疊在小屏幕上嗎？ – Aaron

試試這個。我不知道你是否可以使用這種技術覆蓋

你可以把它放在內部的CSS或外部的CSS。

<style> 
    table { 
     margin: 20px !important; // for example only 
    } 
</style>

對每個價值都很重要。這對我很好。如果它幫助你。提醒我。乾杯!

來源

2016-08-23 09:32:32

對不起。我不明白。我必須設置！對於每個內聯css都很重要？ –

你應該儘量避免使用！important重要的，它使CSS非常複雜和難以管理，尤其是當涉及媒體查詢 –

@HarkiratSaluja在他的項目。不能使用！important或javascript來覆蓋內聯css。這是他可以擁有的最簡單的解決方案。否則，他應該重新創建他的網絡項目。使用外部更好。這通常用於覆蓋引導值。 –

內嵌css響應式網頁設計

回答

相關問題