当使用embed,iframe,object等方法插入高度和宽度过大的内容之后,有的主题显示不出来,会以原始大小显示。这就会让界面显得非常粗糙难看。

比如看起来是这样:

优化CSS之前

其实,这是很多主题的通病。它们没有对这样的嵌入进行优化。

优化起来很简单,我们只需要在主题的style.css文件中添加以下语句,便可使插入内容正常显示,变得美观。

.post embed, .post iframe, .post object, .post video, .post audio { max-width:100%; margin:0 auto; display:block; }
embed, iframe, object , video, audio{ max-width:100%; margin:0 auto; display:block; }

修改后效果为:

优化CSS之后

Similar Posts:

4条评论

  1. 博主你好,我在文章中添加wordpress中添加bilibili视频IFRAME嵌入,显示不正常

    1. Author

      我似乎使用没问题。你换一个主题试试看,看看是否能正常。

    1. 可以的。没有正常显示也许得看看你的swf文件的路径、大小、文件名等东西了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注