«responsive-design» 태그된 질문

글꼴 크기 조정에 어려움을 겪고 있습니다. 현재이 사이트 의 본문 font-size이 100 %입니다. 그래도 100 %? 이것은 16 픽셀에서 계산되는 것 같습니다. 나는 100 %가 브라우저 창의 크기를 어떻게 든 언급 할 것이라는 인상을 받았지만, 창의 너비가 모바일 너비 또는 풀 와이드 스크린 데스크톱으로 크기가 조정되는지 여부는 항상 16 픽셀이기 …

1186 css  responsive-design  font-size 

나는 만들고 싶다 div창의 너비가 변경됨에 따라 너비 / 높이를 변경할 수 . 가로 세로 비율을 유지하면서 너비에 따라 높이를 변경할 수있는 CSS3 규칙이 있습니까? JavaScript를 통해이 작업을 수행 할 수 있지만 CSS 만 사용하는 것이 좋습니다.

1058 html  css  responsive-design  aspect-ratio 

무엇 사이의 차이 col-lg-*, col-md-*그리고 col-sm-*트위터 부트 스트랩에?

544 css  twitter-bootstrap  twitter-bootstrap-3  responsive-design  bootstrap-4 

트위터 부트 스트랩 그리드 의 다양한 옵션 과 이들이 어떻게 상호 작용 하는지 혼란 스럽 습니다. 먼저 일반 고정 container또는을 가질 수 있습니다 container-fluid. 그런 다음 일반 row행이나 유체 행 중 하나를 포함 할 수 있습니다 row-fluid. 즉, 유체 행이있는 고정 컨테이너 또는 고정 유체 행이있는 컨테이너 유체를 가질 수 …

399 twitter-bootstrap  responsive-design  fluid-layout  fixed-width 

Zurb Foundation 3 그리드를 사용하여 사이트를 만들었습니다 . 각 페이지에는 큰 것이 있습니다 h1. body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- End Row --> …

343 css  responsive-design  font-size  zurb-foundation  em 

모든 반응 형 웹 사이트 개발 자습서에서는 display:noneCSS 속성을 사용하여 콘텐츠를 모바일 브라우저에서로드하지 못하도록 숨겨 웹 사이트를 더 빠르게로드 할 것을 권장 합니다. 사실인가요? 않는 display:none이미지를로드하지 않거나 여전히 모바일 브라우저에서 내용을로드합니까? 모바일 브라우저에서 불필요한 컨텐츠를로드하지 못하게하는 방법이 있습니까?

336 css  responsive-design 

부트 스트랩을 살펴보면 작은 화면의 메뉴 막대 항목 축소를 지원하는 것처럼 보입니다. 페이지의 다른 항목과 비슷한 것이 있습니까? 예를 들어, 나는 떠 다니는 네비게이션 필과 함께 있습니다. 작은 화면에서는 문제가 발생합니다. 적어도 비슷한 클릭 투 쇼 드롭 다운 메뉴에 넣고 싶습니다. 기존 부트 스트랩 프레임 워크 내에서 가능합니까?

298 html  css  twitter-bootstrap  responsive-design 

열의 전체 너비를 차지하는 버튼을 원하지만 어려움이 있습니다 ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> 단추를 열만큼 넓게 만들려면 어떻게합니까?

276 css  twitter-bootstrap  html  responsive-design 

960 500 svg 그래픽을 작성하는 히스토그램 스크립트가 있다고 가정합니다. 그래픽 크기와 높이를 동적으로 조정할 때 어떻게 반응하게합니까? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall distribution. for (var i = 0; i < n; …

224 javascript  responsive-design  d3.js 

현재 브라우저 너비가 768px 아래로 떨어지면 탐색 표시 줄이 축소 모드로 변경됩니다. 이 너비를 1000px로 변경하여 브라우저가 1000px 미만이면 탐색 표시 줄이 축소 모드로 변경됩니다. LESS를 사용하지 않고이 작업을 수행하고 싶습니다 .LESS가 아닌 스타일러스를 사용하고 있습니다. 내 문제는이 질문과 동일합니다 : Bootstrap 3 Navbar Collapse 그러나 그 질문에 대한 모든 …

205 css  twitter-bootstrap  responsive-design  navbar  collapse 

웹 사이트 (g-floors.eu)가 있고 배경 (css에서 콘텐츠의 bg 이미지를 정의했습니다)을 반응 적으로 만들고 싶습니다. 불행히도 실제로 생각할 수있는 한 가지를 제외 하고는이 작업을 수행하는 방법에 대해 전혀 알지 못하지만 해결 방법은 아닙니다. 여러 이미지를 만든 다음 CSS 화면 크기를 사용하여 이미지를 변경하지만이를 달성하기위한보다 실용적인 방법이 있는지 알고 싶습니다. 기본적으로 달성하려는 …

196 css  responsive-design  background-image  image-resizing 

(이는 여러 부분으로 구성된 질문이므로 시나리오를 요약하기 위해 최선을 다할 것입니다.) 현재 사용자가 탭 콘텐츠 사이를 스 와이프하고 각 탭 콘텐츠 내부에서 세로로 스크롤 할 수있는 반응 형 웹 앱 (뉴스 리더)을 구축하고 있습니다. 문제에 대한 일반적인 접근법은 래퍼 가지고있다 div브라우저 뷰포트 세트를 채우기 overflow에 hidden또는 auto후 스크롤 수평 및 …

191 javascript  ios  css  responsive-design  mobile-safari 

IE8은 다음 CSS 미디어 쿼리를 지원하지 않습니다. @import url("desktop.css") screen and (min-width: 768px); 그렇지 않은 경우 대체 작성 방법은 무엇입니까? Firefox에서도 동일하게 작동합니다. 아래 코드에 문제가 있습니까? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

178 html  css  responsive-design  internet-explorer-8  media-queries 

На этот вопрос есть ответы на Stack Overflow на русском : Сетка из адаптивных (응답) квадратов 반응 형 사각형 으로 레이아웃을 만드는 방법에 대해 궁금합니다 . 각 사각형에는 세로 및 가로로 정렬 된 내용이 있습니다. 구체적인 예는 다음과 같습니다.

170 html  css  responsive-design  grid-layout  aspect-ratio 

"iFrame을 반응 형으로 만들 수 있습니까?"라는 제목 의이 stackoverflow 게시물 을 읽었 으며 댓글 / 응답 중 하나 가이 jfiddle로 연결되었습니다. 그러나 필자의 요구에 맞게 HTML과 CSS를 구현하려고 할 때 동일한 결과 / 성공을 얻지 못했습니다. 내 JS 바이올린을 만들었 으므로 어떻게 작동하지 않는지 보여줄 수 있습니다. 필자가 사용중인 iFrame …

144 css  iframe  responsive-design