内嵌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响应式网页设计

回答

相关问题