media-queries

1열

2답변

웹 사이트를 만들고 모바일 및 데스크톱 스타일링을위한 외부 CSS 파일로 미디어 쿼리를 만들었습니다. 외부 시트와 연결되는 아래의 HTML을 볼 수 있습니다. 장치에 mobile.css가 사용되었습니다. < 767px이고 desktop.css는 768px 이상의 장치에서 사용됩니다. <head> <meta name="viewpoint" conten

1열

3답변

미디어를 트리거하는 방법 javascript에서 style.width에 대한 쿼리

jQuery로 onclick 이벤트 (html) 작업 중입니다. 내 jquery에서이 이벤트의 너비를 설정합니다. 모바일 웹 사이트의 너비가 달라지기를 원합니다. 이를 위해서는 미디어 쿼리를 사용해야합니다. 데스크톱에서 50vw, 전화 (600px에서 실행 됨)에서 100vw이어야합니다. 이 작업을 올바르게 수행하는 방법은 없지만? function open

1열

1답변

Gmail의 '이미지 표시 아래'극복 (HTML 이메일/미디어 검색어)

휴대 전화 및 데스크톱 버전이있는 HTML 이메일을 만들고 있습니다. 이 작업을 수행하는 방법은 #desktop의 id와 #mobile의 테이블이있는 두 개의 개별 테이블을 만드는 것입니다. 미디어 쿼리 (450px 전후)가있는 특정 지점에서 #desktop을 none으로 설정하고 작동합니다. 내 휴대 전화에서는 모바일 버전 만 예상대로 표시됩니다. 그러나

0열

1답변

Gmail의 '이미지 표시 아래'에서 표 숨기기

데스크톱 디자인과 모바일 디자인을 위해 두 개의 열을 사용하는 HTML 이메일을 개발하고 있습니다. 미디어 쿼리를 사용하여 데스크톱 버전의 특정 요소를 대상으로하는 모든 복잡한 작업을 처리하는 대신 모바일에서 작동하도록 만들려고 노력합니다 (이메일로 악몽처럼 여깁니다.). 나는 모바일 용 테이블을 완전히 따로 만들 것이라고 생각했습니다. 바탕 화면 버전이

1열

1답변

모바일 모드에서 다른 이미지 크기를 설정하는 방법

내 사이트 이미지 크기가 완벽하게 데스크톱에 맞게 설정되었지만 모바일 모드에서는 부트 스트랩을 사용하더라도 디스플레이 크기를 플로팅해도 응답하지 않습니다. 다른 이미지 크기를 어떻게 설정할 수 있습니까? 언제 모바일 모드? 구글 맵 템플릿에 대해서도 같은 질문이 있습니다. 미디어 쿼리를 설정하려고했지만 작동하지 않았습니다. 내 CSS : @media(max

2열

2답변

어떻게 미디어 쿼리가 결합 된 특정 미디어 쿼리 규칙을 추가하는

나는 두 개의 미디어 쿼리 내 scss 파일에 아래와 같이 결합했다 : @media all and (min-width: 600px) and (orientation: portrait), // add css rule to the above media query all and (min-width: 601px) and (max-width: 840

-1열

1답변

CSS 미디어 쿼리 부정

나는 CSS 미디어 쿼리에이 조건을 변환하고 싶은 : if(min-device-width != 768px && max-device-width != 1024px && max-width == 1200px) { // apply CSS } 편집 : if((min-device-width != 768px && max-device-width != 1024

0열

1답변

자바 스크립트 기능을 데스크톱 화면에서만 사용할 수 있고 모바일에서 사용하지 않도록 설정해야합니다.

자바 스크립트에서 데스크톱 화면 (이 경우 1000px보다 큰 것)에서만 작동해야하는 기능을 실행 중이므로 도움이 필요합니다. 부디. 그래서 여기 $(document).ready(function() { $(window).scroll(function() { if ($(document).scrollTop() > 1650) { $

1열

1답변

Microsoft Edge, Media Query doesnt work

이 미디어 쿼리를 Google 크롬에서 성공적으로 테스트했지만 어떻게 든 Microsoft Edge에 문제가 있습니다. 이 검색어에 문제가 있습니까? 또는 Microsoft Edge의 버그입니까? 업데이트 : Edge에 Media Query가없는 클래스가 필요하므로 .height-fix{height:650px}을 추가했는데 작동합니다. 이 검색어가 필요한

0열

2답변

미디어 쿼리

그래서 두 개의 div를 아래와 같이있다 : /*for ipad portrait and landscape*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .aclass { display: block;