responsive

0열

1답변

나는 반응이 필요한 웹 사이트를 디자인하고 있습니다. 제 문제는 모바일 장치에서 이러한 웹 사이트가 처음에 화면보다 더 넓게 표시된다는 것입니다. 주 용기가 100 %로 "고정"되지 않은 것처럼 왼쪽 또는 오른쪽으로 이동할 수 있음을 의미합니다. 그러나이 : #main-container { width: 100%; } 하지만 "핀치"화면

0열

1답변

실물 모형에 대한 쿼리 영향이 없음

미디어 쿼리는 내 div의 그림에 영향을 미치지 않습니다. 화면의 너비가 1700 픽셀보다 넓 으면 모든 것이 같은 위치에 있고 크기가 조정되어야합니다. 콘텐츠 래퍼, 내부 콘텐츠 및 모형은 전혀 변경되지 않습니다. content-wrapper{ \t position: relative; \t z-index: 9; \t margin: 2.5%

0열

2답변

iFrame의 화면 비율이 어떻게 반응하는지 확인하려면 어떻게합니까?

나는 아주 간단한 질문이있다. iframe의 종횡비가 반응하는지 확인하려면 어떻게해야합니까? iframe은 YouTube 동영상이며 브라우저 창의 크기에 관계없이 iframe의 종횡비를 16 : 9로 유지하려고합니다. 유튜브 iframe을 자동으로 화면 비율을 유지하지 않기 때문에, 나는 비디오의 화면 비율을 유지하는 방법이 필요하고, 폭이 90vw을 할

-2열

3답변

이미지를 브라우저의 조정에 적절하게 적용하려면 어떻게해야합니까?

간단한 질문이 있습니다. 이미지를 뷰포트에 올바르게 응답하게하려면 어떻게해야합니까? 내가 400 픽셀 (400 픽셀) 너비와 높이 이미지를 가지고 있고, 나는 그것이 브라우저의 크기를 조정할 뷰포트의 폭 (90vw)의 90 %가 될 싶습니다, 그래서 여기에 내 현재 코드는 다음과 같습니다 img { width: 400px; height:

0열

1답변

모바일 위에 액체의 두 번째 열

큰 화면에서 | A | | B |, 모바일에 내가 원하는 | B | | A | here은 부트 스트랩을 통해 가능하다는 것을 알았습니다. 그러나 나는 shopify의 액체를 사용합니다. 나는 -push 클래스가 있다는 theme.scss에서 본 - (가) 그러나 어떤 변화를하지 않는 것 medium-up--push-one-quarter을 가진 <div cl

0열

1답변

CSS 멀티 스텝 진행률 표시 줄

13 글자 이상을 쓸 때 첫 번째 단계의 오른쪽에 공백이있는 이유를 알 수 없습니다. 만약 1 단계 만 쓰면 괜찮습니다. 아래 코드를 참조하십시오. 또는 내 codepen을 방문하십시오. 누군가 나를 올바른 방향으로 놓을 수 있습니까? 제대로 작동 할 때 일부 스크린 샷도 포함 시켰습니다. HTML <div class="container"> <ul

2열

1답변

안드로이드 크롬 브라우저의 전체 화면 모드에서 메타 뷰포트 속성의 값이 반영되지 않습니다.

전체 화면 API를 사용하는 Android의 전체 화면 모드에서 초기 스케일 및 사용자 확장 성 같은 메타 뷰포트 속성 값은 브라우저에 반영됩니다. 전체 화면 모드가 아닌 경우 메타 뷰포트의 값이 반영됩니다. 모바일 브라우저에서 MDN:Fullscreen api example에 액세스하여 확인할 수 있습니다. 메타 뷰포트가 Android에서 전체 화면에서

1열

2답변

1,2,3 행의 격자로 반응하는 방법

다음 코드를 사용하면 반응 형 그리드가 한 행에서 세 행으로 바뀌고 한 행을 두 행으로, 그 다음에는 세 행을 화면에 표시하고 싶습니다. 큰. 가장 좋은 방법은 무엇입니까? 부트 스트랩이 아니라 순수한 CSS입니다. 협조 해 주셔서 미리 감사드립니다. <html> <head> <style> /* SECTIONS */ .section {

0열

1답변

반응 형 네비게이션이 작동하지 않거나, CSS 개요가 손실 됨

희망을 찾을 수 있습니다. 이 네비게이션 바를 반응 적으로 만들려고 노력 중입니다. 나는 그것을 위해 w3schools 혀를 가지고 시작했지만, 나는 내 CSS 파일의 개요를 잃어 버렸고 이것이 작동하지 않는 이유를 찾지 못한다. 모든 도움에 감사드립니다! 라이브 페이지 : CodePen www.air-transfer.at : https://codepen.

0열

1답변

(컨테이너의 높이 변화에 따라) 컨테이너에 요소를 부착하는 반응 CSS

여기에 볼 수있는이 양면 CSS 슬라이드 쇼에는 약간의 악몽이 있습니다. https://codepen.io/byte37/pen/GymRjb. PC/가로 모드에서는 정상적으로 작동하지만 응답 형에서는 제대로 작동하지 않습니다. 버튼과 텍스트를 같은 위치에 두려고합니다. 다른 슬라이드 쇼의 10 % 오른쪽/왼쪽과 중간에 있습니다. 화면 크기가 변경되면 컨테이너