【问题标题】:Wordpress CSS image autoresponsiveWordpress CSS 图像自动响应
【发布时间】:2013-12-03 18:32:40
【问题描述】:

下图展示了我想要完成的工作。

A)它在电脑的浏览器上,显示很酷。 B)它在移动设备或小屏幕上。我想让图像出现在 A) 等移动设备上。

我正在 header.php 中的 Wordpress 上尝试此操作。我一直在寻找,我得到了这个:

<a href="http://url">
<img src="http://urlIMAGE" width="100px" height="95px" style="max-width: 100%; height: auto;"/></a>
<a href="url" target="_blank">
<img src="http://urlIMAGE" width="100px" height="95px" style="max-width: auto; height: auto;"/></a> 

但它不起作用。

【问题讨论】:

  • 旁注:widthheight 属性中没有px

标签: css wordpress


【解决方案1】:
a img{width:100%; float:left;}

【讨论】:

    【解决方案2】:

    你可以使用类似的东西:

    float: left;
    

    float: right;
    

    在您的样式属性中。看看这是否有效。

    【讨论】:

      猜你喜欢
      • 2021-10-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-07-10
      • 2014-10-20
      • 2017-07-24
      相关资源
      最近更新 更多