화면 너비에 따라 다른 콘텐츠 표시
한 요소에 대해 화면 너비에 따라 두 개의 다른 텍스트가 있습니다. 화면 너비가 400px 이하일 때 narrow。当屏幕宽度大于400px时，我想显示large를 표시하고 싶습니다.
코드는 다음과 같습니다: https://jsbin.com/qagetoseva/edit?html,css,output
하지만 문제는 너비가 400px일 때 이 코드는 아무것도 표시하지 않는다는 것입니다. 수정하는 방법을 아는 사람이 있습니까?
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<style>
.me {
height: 100vh;
}
</style>
</head>
<body>
<div class="hide-if-large">narrow</div>
<div class="hide-if-narrow">large</div>
</body>
</html>