Markdown+Bootstrap圖片自適應(yīng)屬性詳解
來源:易賢網(wǎng) 閱讀:978 次 日期:2016-06-25 14:02:15
溫馨提示:易賢網(wǎng)小編為您整理了“Markdown+Bootstrap圖片自適應(yīng)屬性詳解”,方便廣大網(wǎng)友查閱!

這篇文章主要為大家詳細(xì)介紹了Markdown+Bootstrap圖片自適應(yīng)屬性,感興趣的朋友可以參考一下

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

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

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

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

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

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

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

使用 Markdown 的誤區(qū)

Markdown 旨在簡潔、高效,也由于 Markdown 的易讀易寫,人們用不同的編程語言實(shí)現(xiàn)了多個(gè)版本的解析器和生成器,這就導(dǎo)致了目前不同的 Markdown 工具集成了不同的功能(基礎(chǔ)功能大致相同),例如流程圖與時(shí)序圖,復(fù)雜表格與復(fù)雜公式的呈現(xiàn),雖然功能的豐富并沒有什么本質(zhì)的缺點(diǎn),但終歸有些背離初衷,何況在編寫的過程中很費(fèi)神,不如使用專業(yè)的工具撰寫來的更有效率,所以如果你需實(shí)現(xiàn)復(fù)雜功能,專業(yè)的圖形界面工具會(huì)更加方便。

Markdown是一個(gè)很好的標(biāo)記語言,越來越流行作為編輯器的語法,Bootstrap是一個(gè)前端框架,那么問題來了,Markdown的圖片標(biāo)記如:![alt](url),在頁面上通常會(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%的屬性。

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助。

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址:Markdown+Bootstrap圖片自適應(yīng)屬性詳解
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)