html5 - 반응형 웹, 미디어 쿼리 문제.

{code...} 이 두 미디어 쿼리와 관련하여 장치 너비가 정확히 768px인지 묻고 싶습니다. 그러면 어떤 미디어 쿼리가 여기에 적용되는지, 아니면 두 번째 미디어 쿼리는 (x>=768&&x<1200? ?). 그리고, 이 두 언론 문의에도 순서가 있나요?

漂亮男人 2017-07-03 11:41:25 0  1  1432

미디어 크기에서 제목을 중앙에 배치하는 방법은 무엇입니까?

미디어 크기를 일반 크기 중앙에 배치하고 싶은데 최대 너비를 480으로 변경하면 헤더가 왼쪽에 있습니다. 하지만 왼쪽에 붙어있습니다. 미디어 크기를 조정할 때 제목이 가운데에 오도록 코드를 어떻게 변경할 수 있나요? caption{font-family:"RockSalt",cursive;padding:20px;font-style:italic;caption-side:Top;color:#666;text-align:center;lett

P粉316110779 2024-02-26 10:05:23 0  1  420

javascript - js를 통해 CSS의 미디어 쿼리를 확인하는 중 오류가 발생했습니다.

{code...} CSS의 미디어 쿼리는 다음과 같이 작성됩니다. js {code...} 그런데 지금은 작동하지 않습니다. 무엇이 문제인가요?

習慣沉默 2017-07-05 10:38:16 0  3  820

SASS 스타일은 미디어 쿼리보다 우선합니다.

미디어 쿼리를 사용하여 데스크톱 장치의 스타일을 재정의하려고 하는데 작동하지 않는 것 같습니다. 테두리 색상을 h2 요소로 설정하고 문제를 더 잘 시각화하기 위해 테스트를 수행했습니다. 보시다시피, h2의 테두리 색상은 노란색으로 설정되어 있습니다. 내 SASS 스타일은 다음과 같습니다. .hero{width:100%;position:relative;Background-color:$orange-color;Background-image:url("../../../src/asse

P粉953231781 2024-04-05 15:03:00 0  1  3515

Parcel이 미디어 쿼리를 잘못 다시 작성합니다.

현재 Parcel2.8.3 및 @parcel/transformer-sass2.8.3을 사용하고 있지만 미디어 쿼리를 다시 작성하는 방식에 몇 가지 문제가 있습니다. Parcel을 사용한 이전 프로젝트에서는 이러한 문제가 발생하지 않았으며 모든 것이 예상대로였습니다. 이것은 SASS 파일입니다: h1{color:red;}@mediaonlyscreenand(max-width:40em){h1{color:blue;}} 이것은 CSS 출력입니다: h1{color

P粉722521204 2023-08-30 16:22:21 0  1  558

"POST 요청의 미디어 유형이 지원되지 않습니다(415 오류)"

오류 415(지원되지 않는 미디어 유형)의 원인을 아는 사람이 있습니까? 감사합니다 createArticleOld:async({commit,dispatch},data)=>{letadd=awaitdispatch('authorizedPostOld',{action:'article',data,headers:{'Content-Type':'application/json-patch+ JSON

P粉668019339 2023-08-25 12:30:41 0  1  514

Elementor 모바일 메뉴에 소셜 미디어 아이콘 추가

WordPress의 Elementor 메뉴에 소셜 미디어 아이콘을 추가하는 솔루션을 찾고 있습니다. 어떤 아이디어가 있나요? 햄버거 아이콘을 사용하고 그 위에 팝업을 추가할 수도 있지만 이것이 최후의 수단이 될 것입니다.

P粉521697419 2023-08-30 18:40:44 0  1  465

Admin API를 사용하여 Shopware 6에서 미디어로 제품을 만드는 방법은 무엇입니까?

Shopware6AdminAPIPHPSDK를 사용하여 미디어로 제품을 만드는 방법은 무엇입니까? Shopware6 Management APIPHPSDK 다음 코드 조각을 사용하여 제품을 만드는 방법을 알고 있습니다. $productRepository->create(['id'=>Uuid::randomHex(),'name'=>'새 제품','taxId'=>$product->taxId,'price'=>

P粉715228019 2024-01-07 23:53:43 0  1  467

여러 엔터티에서 동일한 엔터티 필드를 사용하는 방법은 무엇입니까?

여러 엔터티에 동일한 엔터티 필드를 갖는 가장 좋은 방법은 무엇입니까? 예를 들어 "관련 엔터티"는 8개의 테이블에 표시됩니다. classUser{#[ORM\Column(length:255)]private?string$관련Entity=null;}classUser2{#[ORM\Column(length:255)]private?string$관련Entity=null;}"사용자"의RelatedEnt

P粉674999420 2023-09-11 22:06:11 0  1  466

버튼을 추가했지만 어떤 이유로 미디어 쿼리가 작동하지 않습니다

어떤 이유로 미디어 쿼리가 작동하지 않고 다른 클래스에서도 잘 작동합니다. 시도한 이 클래스에만 문제가 있고 화면을 제거하는 등의 문제가 있습니다. 유효한 항목은 없습니다. constshowImageButton=document.getElementById("show-image-button");constmyImage=document.getElementById("my-image");showIma

P粉189606269 2024-03-20 11:05:21 0  1  463

"클래식" CSS 규칙을 동일한 스타일이 포함된 미디어 쿼리와 병합할 수 있나요?

동일한 요소에 적용되고 동일한 스타일을 포함하는 2개의 규칙을 결합하는 것이 가능한지 궁금합니다. 그러나 규칙 중 하나가 미디어 쿼리에 있고 다음과 같은 결과를 얻습니다. color: black;} 규칙은 다음과 같습니다: Prefers-color-scheme에 따라 .content에 색상을 적용하고, 입력이 확인되면 .content를 변경합니다. color: root{--dark-color:white;--da

P粉129168206 2024-02-03 19:13:56 0  2  474

미디어 쿼리가 없는 3열 데스크톱에서 1열 모바일 레이아웃까지

여기에 몇 가지 질문이 있지만 내가 찾고 있는 문제를 완전히 해결하지는 못합니다. 내가 웹사이트를 갖고 있고 그렇게 하고 싶다고 가정해 보겠습니다. 데스크탑에서 나는 이것을 원합니다: 이것은 쉽습니다. Grid-template-columns: Duplicate (3,33%) (기본적으로) 그러나 모바일에서는 단일 열로 전환되기 전에 이 작업이 수행되기를 원합니다. 나는 클램프(), minmax() 및 모든 종류의 작업을 시도하고 있습니다. 하지만 내가 원하는 대로 되는 건 하나도 없어. 예, 미디어 쿼리를 완전히 사용할 수 있지만 ...

P粉085689707 2023-12-23 14:03:05 0  1  529

javascript - 두 물체 사이의 실제 거리는 1:100m 전자 지도에서 몇 픽셀이어야 합니까?

제목에서 언급한 대로 디스플레이 수명이 30미터인 두 개체가 있습니다. 이 두 개체를 1:100m 지도에 표시하면 두 개체 사이의 거리는 몇 픽셀이어야 합니까?

天蓬老师 2017-05-18 10:57:44 0  2  569

Laravel 9.x에서 다형성 관계를 사용하는 데 문제가 있습니다.

"Users", "Chats", "Buletins", "Hartas" 및 "Owners"라는 이름의 테이블이 5개 있습니다. 이러한 모든 테이블은 Mediaables라는 피벗 테이블을 통해 Medias라는 다른 테이블과 다대다 관계를 갖습니다. 5개 테이블 모두 동일한 Mediaables 테이블을 사용하여 Medias 테이블과의 관계를 저장하므로 다형성 관계를 사용해야 합니다. 이 주제에서는 각 모델 파일에 정의된 공지 사항, 미디어 및 미디어...

P粉366946380 2023-09-10 13:33:41 0  1  495

미디어 쿼리로 인해 텍스트가 압축됩니다.

그래서 저는 현재 친구가 스타트업에서 사용할 웹사이트를 구축하는 것을 돕고 있습니다. '회사 소개' 섹션에 문제가 있습니다. 컴퓨터에서는 그림이고 Flexbox를 사용하여 그림 옆에 텍스트를 추가합니다. 단, 모바일에서는 텍스트가 이미지 아래에 있어야 합니다. 그러나 현재 텍스트는 화면의 절반을 채우고 이미지 위에 위치하도록 찌그러져 있습니다. 여러 가지 방법을 시도했지만 알 수 없습니다. 도움이 좀 되었으면 좋겠습니다. 여러 가지 방법을 시도했지만 알 수 없습니다. 도움이 좀 되었으면 좋겠습니다.

P粉978551081 2024-03-20 11:44:46 0  1  424

Pinia의 상속/공유 작업 및 게터

일련의 작업과 getter를 공유해야 하는 Pinia 상점이 여러 개 있지만 이를 효율적으로 구현하는 방법을 잘 모르겠습니다. 저는 사용자가 다양한 미디어(책, 영화, TV 프로그램 등)를 관리할 수 있는 애플리케이션을 구축 중입니다. 현재 생각하고 있는 방식은 BookStore, MovieStore 등 미디어 유형별로 스토어를 두는 것입니다. 많은 getter 및 작업(예: count 및 deleteOne)은 서로 다른 저장소 간에 정확히 동일합니다. 여기서 DRY를 구현하는 방법은 무엇입니까? Pinia 문서의 예

P粉662614213 2023-12-22 13:50:12 0  2  512

javascript - js는 맞춤형 미디어 플레이어를 구현합니다.

{코드...} 여기서 왜 Duration.innerHTML = player.duration을 설정해야 하는지 알려주세요. 설정하지 않으면 작동하지 않나요?

阿神 2017-05-19 10:28:03 0  1  549

PWA를 사용하여 소셜 미디어를 통해 이미지 공유

내 NuxtPWA에는 이 패키지를 사용하여 HTML을 Canvas로 변환하는 기능이 있습니다. 생성된 이미지는 16진수 형식입니다. 이제 Whatsapp, Facebook, 이메일, Instagram 등을 통해 이미지를 공유하고 싶습니다. 여러 패키지를 찾았지만 그 중 어느 것도 파일 URL과 텍스트 공유만 지원하지 않는 것 같습니다. 이것은 내 공유 기능입니다: shareTicket(index){html2canvas(this.$refs['ticket-'+ind)

P粉300541798 2024-01-28 22:02:28 0  2  469

자바스크립트 - 모바일 적응형

지금 회사 모바일 공식 홈페이지에서 작업하고 있는데 psd가 750이고 아이폰6 기준으로 제작되었는데 다른 기기로 전환하면 멈춥니다. 미디어 쿼리를 사용해야 합니까? 이 부분을 많이 변경해야 한다고 생각합니다.

滿天的星座 2017-07-05 10:53:23 0  7  1086

미디어 크기에 따라 비디오 디스플레이를 자동으로 조정합니다.

웹페이지에서 배경 동영상을 실행할 계획인데 모바일용과 데스크톱용 동영상 파일이 다릅니다. 저는<videoautoplayloopmutedplaysinline><sourcesrc="desktop.mp4"type="video/mp4"><sourcesrc="desktop.webm"type="video/we

P粉807239416 2023-08-25 10:29:52 0  1  524