media-queries

0열

1답변

iOS 10의 Mail App에서만 볼 수 있어야하는 이메일 내에서 가로 또는 세로 모드로 iPhone 7을 타겟팅하려고합니다. Chrome의 개발자 도구, iOS 시뮬레이터 또는 내 iPhone 7의 Safari 브라우저에서 아래 코드를 테스트하면 모든 것이 정상적으로 작동합니다. 방향을 변경하면 녹색 색 < => 파란색으로 바뀝니다. 불행히도,이 htm

0열

1답변

CSS - 미디어 쿼리 브라우저

나는 워드 프레스 사이트에서 일하고 있어요 에 렌더링 및 특정 ID에 미디어 쿼리 스타일을 적용하려고하지 : HTML : <div class="parallax-window" data-parallax="scroll" data-image-src="/wp-content/themes/TheBullshitCollection/Images/white-background

-3열

3답변

css 또는 js를 사용하는 PC 및 모바일 용 서로 다른 이미지 크기

내 웹 사이트에 다른 크기의 이미지가 있습니다. 그리고 저는 PC와 같은 대형 스크린을 위해, 그리고 모바일과 같이 작은 스크린을 위해 두 번째 이미지 너비를 설정하기를 원합니다. 작은 스크린 너비는 80 %이고 큰 스크린 너비는 300px입니다.

-1열

1답변

CSS 미디어 쿼리로 요소 숨기기

CSS 클래스 시스템에서 화면 크기에 따라 요소를 숨기는 올바른 방법은 무엇입니까? 내 현재의 접근 방식은 미디어 쿼리를 사용하는 것입니다 /* From 768 to 1023 px */ @media (min-width: @screen-sm) and (max-width: (@screen-md - 1)) { .hide-sm { display: no

1열

1답변

나는 즉석에서 미디어 쿼리를 구성하는 믹스 인을 사용하려고 시도하고</p> <p>SCSS 믹스 인이 SCSS/말대꾸에

새로운 인식되지 않음. 나중에 특정 module.scss 파일에서 변수를 전달하는 테스트로이 작업을 수행하고 있지만 이상한 오류가 발생합니다. 나는 파일을/공정 저장할 때, .header-fixedWidth { height: inherit; width: 853px; margin: 0 auto; displa

1열

1답변

@media (방향 : 세로) 다음과 같이 내가 코드를 작성했습니다

브라우저 창에서 감지하지 변화 : <!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initi

0열

1답변

디스플레이가있는 기본 레이아웃 : 휴대 전화, 태블릿 및 데스크탑 용 그리드 (CSS 그리드)

에 작업 예제가 있습니까? 제목에 요구 사항이있는 레이아웃이 있습니까? 전화, 태블릿 및 데스크톱에 사용되는 <nav>의 메인 네비게이션도 필요합니다. 다음 HTML5 요소는 레이아웃에 사용되어야한다 : <nav> for the Main Navigation <header> for Title, Logos, Burger-Menue-Button <main>

0열

1답변

CSS 미디어 쿼리 배치

내 미디어 쿼리는 그래서, 균일 한 방식으로 주요 CSS 스타일을 따라 나는 생각했다. 미디어 쿼리를 각각의 부분적으로 직접 배치하여 이전 배치 결정을 다시 검색하는 시간을 절약 해 보자. 의 의미, 내 SASS (SCS들)에서 다음 CSS 출력을 사용하고 싶습니다 : /* CSS Styles */ /* Media queries for the above

0열

1답변

모바일 브라우저에서 웹 페이지 요소를 더 크게 표시하려면 어떻게해야합니까?

내 웹 페이지에 반응 형 디자인을 만들려고하는데 크기를 조정하면 요소가 작아집니다. 모바일 브라우저에서 적절한 크기로 요소를 표시 할 수있는 방법이 있습니까? body { background-color: #EAEAEF; } .cover { width: 840px; height: 300px;

0열

1답변

BEM 대 미디어 쿼리

BEM의 일반 블록 (예 : .button)과 미디어 쿼리의 스타일 관련 질문이 있습니다. BEM (문서 말한대로)에있는 블록의 난 블록이 있다고하자, 사이트의 모든 요소에 적용됩니다 일반적인 스타일이하도록되어 : 그리고 내 버튼을해야합니다 같은 재사용 스타일 : .button { font-family:Verdana; padding:30px 20px;