网站最后更新日期:2018年8月29日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 更多联络方式
×

WordPress使用纯CSS自动调整图片大小

在某些WordPress主题下,图片即使特别的大,也会自动缩小成和文章宽度一样的,所以今天就教大家如何实现这个实用的功能

教程

1、打开你的“样式表 (style.css)”文件,然后在 p img{ 或类似的地方添加下列代码(可以将所有 550 改成你想要的宽度)

2、然后清空浏览器缓存就可以啦! :mrgreen:

PS:其实这个方法可以用在所有网站(不限于WordPress)

PS2:图片圆角方法可参考“使用CSS3为图片自动添加圆角

预览

sky

历史上的今天

2014年:纯代码为WordPress 3.5及其以后之版本找回“链接”功能(27条评论)

觉得这篇文章有用吗?分享一下让更多人受益吧!

© 版权声明:本文章采用“姓名标示-非商业性-相同方式分享 4.0 国际(CC BY-NC-SA 4.0)”于“”发布,转载时须以相同方式发布并注明“原文链接”!

本文固定链接:https://www.arefly.com/zh-cn/wordpress-css-auto-size/

本文章由“超级efly”于2013年08月02日发表于“WordPress”分类

你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站

转载请注明:WordPress使用纯CSS自动调整图片大小 | 畅想资源

关键字:, ,

WordPress使用纯CSS自动调整图片大小:目前有 38 条留言
访客以 20:18 暂时领先博主

评论载入中,请稍等……
  1. 9楼
    牧羊人 China Google Chrome Windows

    这个好像失效了。。。

    [回复]
  2. 8楼
    胡思玄 Taiwan; Republic of China (ROC) Google Chrome Windows

    Hi,大大,小弟是 ZETAIL 的创办人( http://www.zetail.com.tw ),是 WordPress 的新手,看到您这套留言系统好像很不错(还会出现留言者的所在国家、浏览器及电脑系统),可以请问一下叫什么名字吗?

    再顺便问一下,您使用的这套留言系统跟 DISQUS 比较,哪一套比较方便好用呢?

    [回复]
    • :laugh: :laugh: 其实我用的就是WordPress自带的评论系统哦(再加上主题的CSS等)~另外留言者的所在国家、浏览器及电脑系统是用“这样的方法”加入的 :razz:

      至于于 DISQUS 对比、如果你想要省事当然直接用 DISQUS 比较好,但比功能的话肯定WordPress自带的可扩展性高 :mrgreen: :mrgreen:

      还有问题的话可以继续回复哦~ :laugh: :laugh:

      [回复]
      • 胡思玄 Taiwan; Republic of China (ROC) Google Chrome Windows

        了解了~~谢谢喔!!我现在先继续用简单的 DISQUS 好了XD

        [回复]
    • 另外也可以加我Facebook讨论哦:https://www.facebook.com/eflyjason

      [回复]
  3. 7楼
    China Google Chrome Windows

    网站换主题了吗,很清新。对于图片,还是习惯处理好了再上传。

    [回复]
  4. 6楼
    JV China Mozilla Firefox Windows

    我都是文章主体限宽,然后图片宽度100%就完了。这种方法没试过。

    [回复]
    • :laugh: :laugh: 100%宽似乎会拉长小的图片~强迫症 :grin: :grin:

      [回复]
  5. 5楼
    iEdon Inside China Google Chrome Windows

    有些老浏览器不支持哦~

    [回复]
    • 是啊... :sorry: :sorry: 不过反正我已经放弃了老浏览器 :trick: :trick:

      [回复]
  6. 4楼
    牧魂 China Google Chrome Windows

    这个还真是没试过。

    [回复]
  7. 地板
    Eason Chen Taiwan; Republic of China (ROC) Mozilla Firefox Windows

    请问"贰零壹贰"这个主题怎么自动图片大小?
    图片上传后默认是300px ,她宽度不会自动调到625px
    要在显示设定-大小把照片调成1600*1200px,她才会在文章中显示625px
    可不可以自动调成625px,不用在去显示设定-大小调1600*1200px?

    [回复]
    • 是不是你想要把小的图片自动在文章中放大显示? :?:

      [回复]
      • EasonChen Taiwan; Republic of China (ROC) Mozilla Firefox Windows

        yes!

        [回复]
        • 试试看: :razz:

          [回复]
          • 成功了!
            话说从台湾连到Digitalocean旧金山机房比新加坡机房快很多= =
            //Amazon EC2用不到3天流量就用完20GB了...只好放弃

            [回复]
  8. 板凳
    EasonChen Taiwan; Republic of China (ROC) Google Chrome Windows

    找不到阿
    在哪?
    http://pastebin.com/MN7mhthb

    [回复]
    • 直接添加这一段到 style.css 就行了

      [回复]
  9. 沙发
    我的名字叫麒 China Google Chrome Windows

    怎么是繁体字

    [回复]

发表评论 点击这里取消回复。



微笑 调皮 偷笑 可爱 大笑 坏笑 诡计 赞 疑问 HI~ 爱 抱歉 对不起 头晕 惊讶 帅 努力 劳累 疯狂 难过 大哭 差 猪 邪恶 无言 愤怒 流汗 擦汗


快捷键:Ctrl+Enter