网站最后更新日期:2018年7月10日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 赞好Facebook 追随Twitter 关注微博
关注微信公众号
捐款 更多联络方式
X

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/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