Markdown의 기본 개념과 장점에 대해 말씀 드리겠습니다.
Markdown은 일반 텍스트 편집기로 작성할 수있는 마크 업 언어입니다. 간단한 마크 업 구문을 통해 일반 텍스트 콘텐츠에 특정 형식을 가질 수 있습니다.
Markdown은 많은 장점을 가진 가벼운 마크 업 언어이며 현재 점점 더 많은 글쓰기 애호가와 작가가 널리 사용하고 있습니다. 이것을 볼 때 마크와 언어에 혼란스러워하지 마십시오. Markdown의 구문은 매우 간단합니다. 일반적으로 사용되는 마크 업 기호는 10 개 이하입니다. 더 복잡한 HTML 마크 업 언어와 비교할 때 Markdown은 매우 가벼우 며 학습 비용이 너무 많지 않습니다. 이 구문 규칙에 익숙해지면 일회성과 모든 효과가 있습니다.
Markdown 사용의 장점
서체 대신 텍스트 내용에 집중하고 마음의 평화로 글을 쓰십시오.
HTML, PDF 및 .MD 파일을 쉽게 내보내십시오.
모든 텍스트 편집기 및 워드 프로세싱 소프트웨어와 호환되는 일반 텍스트 내용.
혼동을 일으킬 수있는 워드 프로세싱 소프트웨어와 같은 여러 파일 버전을 생성하지 않고도 기사 버전을 수정하십시오.
읽기 쉽고 직관적이며 학습 비용이 낮습니다.
Markdown은 좋은 마크 업 언어이며 편집기 구문으로 점점 더 인기를 얻고 있습니다. 부트 스트랩은 프론트 엔드 프레임 워크입니다 . 문제는 다음과 같은 Markdown의 이미지 마크 업입니다.! [Alt] (URL)는 일반적으로 페이지의 HTML로 변환됩니다. 현재 이미지에 부트 스트랩의 이미지 적응 형 속성을 추가하는 방법. img-responsive?
좋다:
<img alt =”wuhan 광학 밸리”src =”http://cdn.tanteng.me/uploads/2016/05/guang-gu.jpg”class =”img-responsive”>
JS 만 사용합니다.
<scriptType = "text/javaScript"> $ ( ". content img"). addClass ( 'img-responsive'); </script>
추가하는 것을 잊지 마십시오 :
<metaname = "viewport"content = "width = device-width, 초기 스케일 = 1">
이러한 방식으로, 부트 스트랩의 적응 형 레이아웃에 영향을 미치지 않으면 서 휴대 전화의 작은 화면에서 사진을 자동으로 스케일링 할 수 있습니다. .img-responsive 속성은 실제로 이미지를 차단하는 속성이며 속성의 100%입니다.
위의 것은 Markdown과 Bootstrap을 결합하여 편집자가 소개하는 사진의 적응 속성을 달성하는 것에 대한 관련 지식입니다. 나는 그것이 모두에게 도움이되기를 바랍니다!