모바일 버전에서 br 태그 무시하기

데스크탑에서는 br 태그를 넣어 줄을 끊어줘야 자연스럽고, 모바일에서는 br태그를 넣지 않아야 자연스러운 경우가 있다.

이런 경우에는 모바일에서만 br 태그를 무시하게 할 수 있다.

 

css에서 강제로 br 태그 무시하게 하기

@media only screen and (max-width:767px){
	br {
    	display:none!important;
    }
}

 

css 조금 더 심화버전

important를 쓰지 않고 br태그 무시하는 방법

@media only screen and (max-width:767px){
	br{
    	display:inline-block
        content:" ";
        padding:0 2px;    
    }
}

 

JavaScript에서 br 태그 무시하게 하기

<script>
if (("win16win32win64macmacintel").indexOf(navigator.platform.toLowerCase()) < 0) {
    noBr = document.getElementsByTagName("br");
    for (i in noBr) noBr[i].style.display = "none";
}
</script>