使用css media query控制iframe高度

在这个场景下,需要使用css media query控制iframe高度:比如一个iframe视频在PC网页上的高度和手机网页上的高度不同。iframe的高度只能设置成固定高度或者所在div的百分比,我们可以通过css query控制这个div的高度,实现iframe在PC和手机上不同高度。

首先,我们在没有定义CSS Media Query的样式里添加:

继续阅读“使用css media query控制iframe高度”

Css设置img属性让图片水平居中,居左,居右

图片的居中显示css有很多方法,但在很多情况下有的方法无效,这是件很头疼的事情,在研究wordprss程序的时候,无意发现这个系统的官方处理图片居中,居左,居右的css写法,分享一下!

比如一个图片的<img class=”alignleft “>,居左,设置图片的img属性左浮动;居右,设置右浮动;水平居中,设置margin:auto。后来一想,这个办法很不错,应该是一个在很多情况下都有效的方法!
继续阅读“Css设置img属性让图片水平居中,居左,居右”