markdown 插入圖片太大?怎么設定圖片大小?


你一定在插入圖片的時候,遇到圖片太大,影響觀感的問題。

Markdown中,圖片大小的設定方式有兩種

不通過 ![](url)這種格式上傳圖片,用 <img>標簽替換。

<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png"  style="zoom: 33%;" />
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png"  style="zoom: 25%;" />

這種方式,是通過html標簽引入,通過指定css樣式來實現調整圖片尺寸的的,你還可以通過內聯樣式

<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" width="200px" />

或者這樣的css樣式

<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" style="width:200px" />

這幾種方式沒有多大區別,看你覺得那種相對高效一點而已。 雖然都差不太多都挺麻煩。
MarkDown本身是不支持By Design的,它只專注於寫作。但是我們確實有需求。通過img標簽是最為通用的辦法,你在任何編輯器中基本都是適用的。但是,許多編輯工具是有獨自的輔助功能的,讓你可以快速調整圖片尺寸。 還有一些編輯器和網站,各種奇淫巧計改變圖片尺寸,例如 ![](url =widthxheight),還有 ![](url 50%)等等。確實都是很不錯的設計。可惜原生不支持,沒有統一標准,百花齊放,每個編輯器都不同,這就造成了文章的兼容性很差。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM