Question

我有个人网站上显示的图像链接。我试图通过在此图像上创建css样式表来重新调整图像大小，因为我直接复制代码并粘贴到页面，我需要在移动设备上正确显示设备

码

     <div id="TA_selfserveprop634" class="TA_selfserveprop">
     <ul id="FkGjsTFbWr" class="TA_links aICFqBWnArX">
     <li id="v65BTuNt" class="Id2gL5m3F1"><a target="_blank" href=     "https://www.tripadvisor.com/"><img src="https://www.tripadvisor.com/img/cdsi/img2/branding/150_logo-11900-2.png" alt="TripAdvisor"/></a>
  </li></ul></div>
  <script src="https://www.jscache.com/wejs?wtype=selfserveprop&amp;uniq=634&amp;locationId=307103&amp;lang=en_US&amp;rating=true&amp;nreviews=5&amp;writereviewlink=true&amp;popIdx=true&amp;iswide=false&amp;border=true&amp;display_version=2"></script>                 
                </div>
               </div>

CSS

    .TA_selfserveprop{
        width:10%;
        height:10%;
    }

    .TA_links aICFqBWnArX{

        width:10%;
        height:10%;
    }

    .Id2gL5m3F1{

        width:10%;
        height:10%;
    }

刷新我的页面时，这种CSS样式对图像没有任何影响..

任何人都可以告诉我如何重新排列编码样式，以便在我的网站上正确显示图像的大小。

Answer 1

如果您想在任何设备上提供div响应和full screen，则应使用width: 100%和身高：100%。

#CDSWIDSSP {
  width: 100%!important;
  height: 100%!important;
}
.TA_selfserveprop {
  width: 100%!important;
  height: 100%!important;
}
body,
html {
  width: 100%;
  height: 100%;
}
#CDSWIDSSP .widSSPData {
  height: 100%;
}

#CDSWIDSSP .widSSPData {
overflow: auto!important
}

<div id="TA_selfserveprop634" class="TA_selfserveprop">
  <ul id="FkGjsTFbWr" class="TA_links aICFqBWnArX">
    <li id="v65BTuNt" class="Id2gL5m3F1">
      <a target="_blank" href="https://www.tripadvisor.com/">
        <img src="https://www.tripadvisor.com/img/cdsi/img2/branding/150_logo-11900-2.png" alt="TripAdvisor" />
      </a>
    </li>
  </ul>
</div>
<script src="https://www.jscache.com/wejs?wtype=selfserveprop&amp;uniq=634&amp;locationId=307103&amp;lang=en_US&amp;rating=true&amp;nreviews=5&amp;writereviewlink=true&amp;popIdx=true&amp;iswide=false&amp;border=true&amp;display_version=2"></script>
</div>
</div>

请注意，对于height: 100%，您需要为body和html设置此内容。

如何在css中重新调整图像传单链接的大小

1 个答案: