페이지의 요소가 1650 픽셀 이상의 화면 크기의 미디어 쿼리에만 응답합니다. 따라서 모바일에서 항목을 응답 할 수 없습니다. 데스크톱에서는 모든 것이 좋지만 태블릿 및 모바일 화면에서는 반응이 없습니다. 아래 코드를 게시하십시오. 어딘가에 오류가 있습니까? 여기 내 미디어 쿼리는 다음과 같습니다 @media only screen and (max-width
초보자로서 나는 지금 내가 뭘하려고하는지 잘 모르겠다. 내 작업을 위해 설정해야하는 webshop에서 우리는 제 3 자 템플릿 Lightspeed (전자 상거래 플랫폼) 용. 이 테마에는 3 개의 "강조 표시"항목이 있습니다. 이것은 배경 이미지 + 텍스트를 겹치게하고 제품을 표시하는 버튼입니다. 나는 800 픽셀에 다음 ID 년대의 최소 높이를 설정 한
이미지가 1920x1080 모니터에서 960x540 픽셀의 기본 해상도로 표시되도록 스크롤 슬라이드 쇼에 대한 미디어 쿼리를 만들고 싶습니다. 하지만 1366x768 모니터에서는 768x432입니다. 미디어 쿼리에서 작은 화면에 대한 키 프레임의 재 계산 값을 연결하려고했지만 작동하지 않았습니다. 내가 미디어 쿼리 또는 애니메이션으로 광범위하게 작업하지 않
절대 위치로 div가 두 개 있고 화면 크기가 작을 때 왼쪽 div가 오른쪽 div 아래에 있어야합니다. 의 예 내 사업부의 나는 무엇을해야 .left-block {
position: absolute;
left: 0px;
top: 84px;
background-color: #ffdc3a;
width: 53.958
전체 레이아웃의 비례 배율 조정을 위해 내 프로젝트에서 도처에 viewport 단위를 사용했습니다. 이제 뷰포트가 '< 960'일 때 크기 조정을 중지하고 싶습니다. 미디어 쿼리를 사용하지 않고 크기 조정을 막을 수 있습니까? 미디어 쿼리를 사용하면 모든 단일 유닛을 재 할당해야 함을 의미하기 때문입니다. 이걸 어떻게 건너 뛰나요?
나는 navad를 ipad보다 큰 장치와 작은 장치에서 다른 스타일의 navbar로만 표시하려고합니다. 숨김/시야 : 단지 가시성을 이용한 작은 장치 @media (max-width: 768px) {
nav {
display:none;
}
}
2) CSS 용 없음 : 볼 @media (min-width: 768px)
미디어 쿼리에 대한 모바일 우선 접근 방식을 구현 중입니다. 필자는 태블릿 및 데스크톱 용으로 37.5em 및 50em에서 분 너비의 미디어 쿼리를 설정했습니다. 모바일 용 열과 데스크톱 용 열로 프로젝트 섹션을 표시하고 싶습니다. 내 데스크톱 미디어 쿼리가 다른 모든 것을 타는 듯합니다. HTML : <section id="projects">
<h2>
CSS를 통해 내 가게의 스타일을 지정하고 있습니다. 나는 "프레젠테이션>을 사용하고 있었다. Wordpress에서 플러그인을 사용하여 상점을 출력하고 있으며 내 자신의 CSS를 스타일링하고있다. 플러그인에는 내장 된 CSS가있어서 내 스타일을 통해 상속 된 스타일을 재정의하고있다. css 그러나 내장 된 CSS에는 또한 내 사이트의 것과는 다른 @medi
최근에 나는 새소리를 배우기 시작했고 미디어 쿼리에 문제가 있습니다. 일부 수업은 작동하고 다른 수업은 토글 수업처럼하지 않습니다. body {
font-family: sans-serif;
}
nav {
width: 100%;
background: #00316b;
}
nav ul {
width: 80%;