亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Markdown與Bootstrap相結(jié)合實(shí)現(xiàn)圖片自適應(yīng)屬性

 更新時(shí)間：2016年05月04日 09:26:24   投稿：mrr  
Markdown 是一種輕量級(jí)的標(biāo)記語(yǔ)言，它的優(yōu)點(diǎn)很多，目前也被越來(lái)越多的寫作愛(ài)好者，撰稿者廣泛使用。接下來(lái)通過(guò)本文給大家介紹Markdown與Bootstrap相結(jié)合實(shí)現(xiàn)圖片自適應(yīng)屬性，感興趣的朋友一起學(xué)習(xí)吧

先給大家說(shuō)下Markdown的基本概念及優(yōu)點(diǎn)

Markdown是一種可以使用普通文本編輯器編寫的標(biāo)記語(yǔ)言，通過(guò)簡(jiǎn)單的標(biāo)記語(yǔ)法，它可以使普通文本內(nèi)容具有一定的格式。

Markdown 是一種輕量級(jí)的標(biāo)記語(yǔ)言，它的優(yōu)點(diǎn)很多，目前也被越來(lái)越多的寫作愛(ài)好者，撰稿者廣泛使用?？吹竭@里請(qǐng)不要被標(biāo)記、語(yǔ)言所迷惑，Markdown 的語(yǔ)法十分簡(jiǎn)單。常用的標(biāo)記符號(hào)也不超過(guò)十個(gè)，這種相對(duì)于更為復(fù)雜的 HTML 標(biāo)記語(yǔ)言來(lái)說(shuō)，Markdown 可謂是十分輕量的，學(xué)習(xí)成本也不需要太多，且一旦熟悉這種語(yǔ)法規(guī)則，會(huì)有一勞永逸的效果。

使用 Markdown 的優(yōu)點(diǎn)

專注你的文字內(nèi)容而不是排版樣式，安心寫作。

輕松的導(dǎo)出 HTML、PDF 和本身的 .md 文件。

純文本內(nèi)容，兼容所有的文本編輯器與字處理軟件。

隨時(shí)修改你的文章版本，不必像字處理軟件生成若干文件版本導(dǎo)致混亂。

可讀、直觀、學(xué)習(xí)成本低。

Markdown是一個(gè)很好的標(biāo)記語(yǔ)言，越來(lái)越流行作為編輯器的語(yǔ)法，Bootstrap是一個(gè)前端框架，那么問(wèn)題來(lái)了，Markdown的圖片標(biāo)記如：![alt](url)，在頁(yè)面上通常會(huì)轉(zhuǎn)換成html，這個(gè)時(shí)候如何給圖片加Bootstrap的圖片自適應(yīng)屬性.img-responsive?

如：

<img alt=”武漢光谷” src=”http://cdn.tanteng.me/uploads/2016/05/guang-gu.jpg” class=”img-responsive”>

用js就好了：

<scripttype="text/javascript">
$(".content img").addClass('img-responsive');
</script>

別忘了在html的head標(biāo)簽內(nèi)加上：

<metaname="viewport" content="width=device-width, initial-scale=1">

這樣在手機(jī)小屏幕上，圖片也能夠自動(dòng)縮放了，同時(shí)不影響B(tài)ootstrap的自適應(yīng)布局。.img-responsive屬性其實(shí)也就是給圖片加block，max-width:100%的屬性。

以上所述是小編給大家介紹的Markdown與Bootstrap相結(jié)合實(shí)現(xiàn)圖片自適應(yīng)屬性的相關(guān)知識(shí)，希望對(duì)大家有所幫助！

相關(guān)文章

最新評(píng)論