简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
화면 너비에 따라 다른 콘텐츠 표시
P粉904450959
P粉904450959 2024-04-01 22:53:42
0
1
307

한 요소에 대해 화면 너비에 따라 두 개의 다른 텍스트가 있습니다. 화면 너비가 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>

P粉904450959
P粉904450959

모든 응답(1)
P粉642436282
P粉6424362822024-04-02 17:29:00 1층

친애하는 친구여, CSS 미디어 쿼리에 문제가 있습니다.

으아아아

}

으아아아

두 번째 미디어 쿼리를 태블릿 크기에 맞게 1024px로 변경했습니다. 최소 너비 1025px

과 같은 대형 화면에 대한 새 미디어 쿼리를 만들어야 합니다.
좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！