페이지에 잘 맞지 않는 부트 스트랩 4 캐 러셀 공간에 문제가 있습니다. 예 : http://jsbin.com/wakuyiqebu 모바일에서 훨씬 더 눈에.니다. <div class="col-12 col-sm-12 col-md-12 col-lg-5 bg-dark">
</div>
<div class="col-12 col-sm-12 col-md-12 col
RoR 애플리케이션에 Materialize CSS framework을 사용하고 있습니다. 모바일 장치를 선택하는 경우에도 크롬/파이어 폭스 개발 도구를 사용할 때 예상대로 웹 페이지가 확장, (여기 아이폰 SE를 사용했지만, 더 큰 화면 크기는 동일한 결과를 얻을 수) : 을하지만 방문시 내 실제 전화 또는 다른 스마트 폰 장치의 위치는,이 같은 확장 :
가이 사이트의 첫번째 부분의 효과를 만들려고하고 : https://www.bandainamcoent.com/games/dragon-ball-fighterz# 사업부의 높이가 배경 이미지 종횡비를 유지하도록 창의 크기를 변경하고, 링크가 아래쪽에 위치 div의 내용은 여전히 볼 수 있습니다. 내 현재 접근 방식은 크기 조정시 배경 이미지의 너비 만 조정합
나는 네비게이션 HTML을 가지고있어 반응 형으로 만들고있다. 햄버거 메뉴를 1050px 미만의 화면 크기로 표시하는 데 성공했으며 메뉴를 켜고 끕니다. 문제는 화면을 크게 만들기 전에 햄버거 메뉴를 닫지 않으면 nav 메뉴가 display : none 모드로 고정되어 표시되지 않는다는 것입니다. 그래서 탐색이 갑자기 사라지는 것처럼 보입니다. 나는 보통
3 개 열 (앨범 노래를 표시하는 데 사용)이있는 테이블이 있습니다. 번호, 트랙 제목 및 아티스트. Number와 Artist의 컬럼을 작게 유지하고 Title이 컬럼의 대부분의 공간을 배치 할 수있게하고 싶었습니다. 모바일 용으로 반응 형으로 만들고 싶었습니다. white-space: nowrap, overflow: auto으로 올바르게 만들고 테이블
iframe을 배치 한 휴대 기기에서 가로 방향으로 설정 한 웹 페이지가 있습니다. 내 문제는 가로 방향 (장치 화면과 일치하는 전체 너비와 높이) 동안 모바일 장치 화면에 맞게 iframe을 가져올 수 없다는 것입니다. 이것을 어떻게 성취 할 수 있습니까? 내가 CSS를 사용하고 : <style>
body, html {
margin: 0
저는 일주일 전에 반응 형 레이아웃을 떠나려고했는데 발견 한 웹 사이트와 매우 유사하지만 전혀 할 수 없습니다. 나는 내가 본 반응 형 사이트의 이미지를 보내고 나는 내 모습을 이미지로 보내고 있습니다. , 당신은 당신이 원하는대로, 복제, 다운로드, 공유 할 수 http://mapa.buenosaires.gob.ar 내가 동일 자식에하고 싶은 사이트를 :
페이지에 대해 다음 레이아웃을 고려하십시오. 컨테이너 안에는 세 개의 열이 있습니다. 내가 해결하고 싶은 문제는 모바일 화면 크기에 중간 열을 숨기고 싶다는 것입니다. 모바일보다 큰 화면 크기 즉 태블릿, 노트북 및 데스크톱의 경우 중간 열을 표시하려고합니다. 나는 어떻게 이것을 달성 할 수 있는가. 세 개의 열은 모두 동일한 폭이어야합니다. 감사합니다.
다음 코드를 사용하면 반응 형 그리드가 한 행에서 세 행으로 바뀌고 한 행을 두 행으로, 그 다음에는 세 행을 화면에 표시하고 싶습니다. 큰. 가장 좋은 방법은 무엇입니까? 부트 스트랩이 아니라 순수한 CSS입니다. 협조 해 주셔서 미리 감사드립니다. <html>
<head>
<style>
/* SECTIONS */
.section {
w3.css를 사용하여 반응 형 레이아웃을 작성하려고합니다. 그것은 높이와 너비가 다른 세 가지 유형의 타일로 이루어져 있습니다. 레이아웃은 작은 화면에는 단일 열, 큰 화면에는 중간 열 및 두 열 (w3.css에 의해 결정됨)입니다. 직선 앞으로 코드 (https://jsfiddle.net/pwunsch/p2nL28f3/2/)와 ... <body clas