웹퍼블리셔) 모바일에서만 줄바꾸기

pc에서는 줄바꾸기가 안되지만 모바일에서는 줄바꾸기해야할 때가 있다.

br태그를 쓰면 모바일 pc 관계없이 모두 줄바꾸기가 되버린다. 

 

그럴 때는

<h1>이걸 <span class="m_br"></span> 띄어볼거다</h1>

@media screen and (max-width:1920px) {
	.m_br{display:none}
}


@media screen and (max-width:720px) {
	.m_br{display:block}
}

요렇게 평소에는 none으로 해놨다가 줄바꿔야할 때 block으로 놓으면 바꿔진다.