WP酷 WP酷
  • 主题
  • 教程
  • 插件
  • 官方 QQ 群
  • 建站推荐
  • 联系
  • nicetheme® 奈思主题
  • 注册
    登录
立即登录
  • 请到 [后台->外观->菜单] 中设置菜单
首页 › WordPress 教程 › 让文章图片不再超出 实现文章图片自适应大小的方法

让文章图片不再超出 实现文章图片自适应大小的方法

PCDotFan10年前

经常在写文章的时候会看到图片超出了界限而看不到的情况,就像这样:

让文章图片不再超出 实现文章图片自适应大小的方法-WP酷

这是一个很头疼的问题,如果图片比较大,可能整篇文章都会出现像上图一样的悲剧。为此我们可以通过修改 CSS 来解决,让图片自适应大小。

在 style.css 中查找文章中的.entry 标签,在.entry 标签下面添加以下代码:

entry img {
max-width: 725px;
width: expression(this.width > 725 ? “725px”: (this.width+“px”));height:auto;
}

其中的 725 就是要设定的宽度,而且并不是所有的主题都有 entry 标签,这两项都必须按照实际情况修改。

#CSS#自适应大小
1
分享

本站下载管理系统「dl.mywpku.com」因年久失修而永久关闭。若需获得往年主题,请至 WP酷的百度网盘(提取码: 5rbm) 自行搜索下载。默认解压密码为「www.mywpku.com」。

对您造成的不便,敬请谅解!

PCDotFan 站长
文章 435评论 859
相关文章
  • [6.0 更新中文汉化]极度流行的SEO插件 – WordPress SEO by Yoast
  • WordPress 新用户注册邮件链接提示「您的密码重设链接无效」
  • AMP – 为 WordPress 移动站点操作全球访问优化
  • 去除谷歌服务 – WordPress 国外主题全方位加速
  • 使用 WP-CLI 简化 WordPress 操作流程
  • WordPress 基础开发 – 一探 WordPress Hook 机制及示例应用
  • 优化静态资源 – WordPress 国外主题全方位加速
  • WordPress 实现微信登录
评论 (7)
再想想
  • 搞笑ING

    真的有效吗,去试试看

    10年前
    • WP酷

      @搞笑ING 本站是用上了,有什么问题尽量帮您解决哈~

      10年前
  • 花花工资

    博主这里有很多漂亮的主题,更重要的是对于我这个穷屌丝男来说,主题都是免费的。而且从博主回复读者的内容来看,博主本人是一个心地非常好的人,非常值得和博主交个朋友。

    10年前
    • WP酷

      @花花工资 嘻嘻谢谢夸奖了~这些主题也就是我在用时觉得不错就发的

      10年前
  • 最励志网

    不错的网站,很喜欢,期待互访

    8年前
  • 歪妖内涵网

    网站不错很漂亮,欢迎互访!

    8年前
  • 笑话大全

    很久没有过来了,今天过来看一看!

    7年前
PCDotFan
站长
若无特别注明,则默认我发布的所有文章均为内容原创 / 翻译原创,转载时请保留来源。
435文章
859评论
3K获赞
猜你喜欢
Syntax Highlighter – 免插件实现WP文章代码高亮
10年前
如何为WordPress博客完整搬家
10年前
给 WordPress 新手朋友们的建议 – 建站前必须做好的几件事
7年前
  • 杂记
  • WordPress 付费主题推荐
Copyright © 2023 WP酷. Designed by nicetheme. 琼ICP备13002067号-1