網站最後更新日期:2016年12月3日
歡迎大家來到暢想資源 AREFLY.COM!
讚好Facebook
追隨Twitter
加入QQ群
關注微博
關注微信公眾號
捐款
更多聯絡方式
X

WordPress使用純CSS自動調整圖片大小

在某些WordPress主題下,圖片即使特別的大,也會自動縮小成和文章寬度一樣的,所以今天就教大家如何實現這個實用的功能

教程

1、打開你的「樣式表 (style.css)」文件,然後在 p img{ 或類似的地方添加下列代碼(可以將所有 550 改成你想要的寬度)

2、然後清空瀏覽器緩存就可以啦! :mrgreen:

PS:其實這個方法可以用在所有網站(不限於WordPress)

PS2:圖片圓角方法可參考「使用CSS3為圖片自動添加圓角

預覽

sky

歷史上的今天

2014年:純代碼為WordPress 3.5及其以後之版本找回「鏈接」功能(27條迴響)

覺得這篇文章有用麼?分享一下讓更多人知道吧!

爲繼續支持本站繼續寫出優質文章、歡迎捐款!

注:本站同時長期承接WordPress外掛及主題制作、伺服器環境配置等,如需詳情,請「聯系我們」!

© 版權聲明:「暢想資源」之所有文章及資源系采用「創用 CC 姓名標示-非商業性-相同方式分享 3.0 香港 授權條款」發布及共享,轉載時須以相同方式發布並注明「原文鏈接」!

本文固定鏈接:http://www.arefly.com/wordpress-css-auto-size/

本文章由「」於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. 3樓
    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. 2樓
    EasonChen Taiwan; Republic of China (ROC) Google Chrome Windows

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

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

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

    怎么是繁体字

    [回覆]
廣告載入中...

發表迴響



微笑 調皮 偷笑 可愛 大笑 壞笑 詭計 贊 疑問 HI~ 愛 抱歉 對不起 頭暈 驚訝 帥 努力 勞累 瘋狂 難過 大哭 差 豬 邪惡 無言 憤怒 流汗 擦汗


快捷鍵:Ctrl+Enter