로드북 Q&A - 부트스트랩으로 디자인하라// 백그라운드 반응형 문의드려요

글 수 395

부트스트랩으로 디자인하라// 백그라운드 반응형 문의드려요

연리

http://roadbook.zerois.net/xe/12191

2015.08.19 10:50:17 (*.15.232.26)

6536

모바일에서 백그라운드를 100% 로 출력하고 싶은데..

일단은 CSS에서 background-size: cover; 소스로 주고있어요..

그런데 웹 PC에서 보니 해상도가 작은곳에서는 백그라운드가 잘려서 일부분만 보이더라구요..

해상도에 따라서 모바일에서 백그라운드 100%로 출력하는 방법이 있을까요 ㅜ...

http://enjoyworks.co.kr/

이런사이트처럼 화면을 줄엿다 키웟을때 처럼 배경이 반응형으로 나오게끔 하고싶어요..

이 게시물을

2015.08.19 16:48:33 (*.8.21.223)

유지아빠

width:100%;height:100%;background-position:center top ;background-size:cover;

CSS 속성을 위와 같이 적용해 보세요.

2015.08.19 17:43:24 (*.15.232.26)

연리

height:100%; 로 css로 지정을 했는데 실제 이미지는 800px 인데 화면에 출력되는건 300px 밖에 안나오고 하단 500px 의 이미지는 출력이 안되네요 ㅠ... 분명 높이값 100% 줬는데 .. 하단에 내용이 없어서 그런거같은데.. br
로 여백을 줘야될까요;;;?

번호	제목	글쓴이	조회 수	날짜
공지	백견불여일타 JSP & Servlet 질의응답 관련 2	로드북	32765	2016-09-12
공지	(에제소스 업로드) 처음부터 다시 배우는 HTML5&CSS3(전면개정판): 반응형 웹 표준 사이트 제작까지	로드북	85167	2013-09-04
공지	(예제소스 업로드) 처음 시작하는 CSS&워드프레스	로드북	97732	2012-12-17
공지	(예제소스 업로드) 이제 실전이다, HTML5&CSS3 사이트 제작의 모든 것	로드북	103520	2012-05-16
공지	(예제소스 업로드) 빅 데이터 시대를 위한 NoSQL 핵심 가이드	로드북	108228	2011-12-26
공지	(예제소스 업로드) 웹 디자이너를 위한 jQuery	로드북	128733	2011-11-21
공지	(예제소스 업로드) 처음부터 다시 배우는 HTML5&CSS3	로드북	111295	2011-09-27
공지	로드북 질의응답 게시판을 오픈했습니다.	로드북	110058	2011-09-18
295	rebar외에 다른 빌드툴은 어떤게 있나요? 3	일루아	7054	2015-10-05
295	rebar를 설치했다가 설치된 폴더를 지우고 이동시킨후 cmd에서 bootstrap을 입력하니 could not load module c://...지운 폴더 경로명까지 표시되고 bootstrap 실행이 안됩니다ㅠㅠ 혹시 해결방법이 있다면 조언해주시면 감사하겠습니다. 몇일째 컴퓨터 두대다...
294	[모바일서버 프로그래밍 입문] 69p. 컴파일 에러 5	mrbinggrae	6912	2015-10-03
294	ERROR: Failed to extract name from d:/Erlang/mon/src/mon.app.src: {error, {error, {7, file_io_server, invalid_unicode}}} Run 'compile' 를 클릭하면 이런 에러가 발생합니다. 얼랭을 처음 써 봐서 어떤 질문을 해야할지 막막하네요. mon.app.src 파일...
293	[모바일 서버 프로그래밍 입문] 69p 컴파일 에러 2	게라심	7783	2015-09-30
293	교재 68,69p입니다. Run 'compile' 하면 아래와 같이 에러가 나네요. "D\Program Files\erl7.0\bin\escript.exe" "D:\Program Files\erl7.0\bin\rebar.cmd" compile D:\Program Files\erl7.0\bin\rebar.cdm:2: syntax error before: set escript: There were c...
292	[모바일 서버 프로그래밍 입문] p93 Cowboy 사용하기 관련질문입니다 6	호랑이	6605	2015-09-17
292	안녕하세요. 프로그래밍에 관심이 가서 요번에 이책을 구입했었어요. 이때까지는 큰 무리없이 잘 따라하다가 93쪽에서 막혀서 질문드려고 합니다. {deps, [ {cowboy, ".*", {git, "git://github.com/extend/cowboy.git", {tag, "0.10.0"}}} ]}. 를 rebar.confi...
291	[백견불여일타] 질문드립니다 2	테스트	6970	2015-09-16
291	여기에 질문하면 성윤정씨가 직접 답변해주시나요 ?? 백견불여일타를 JSP 책으로 처음 접했는데 쉬운예제와 친절한 실습덕분에 JSP를 쉽게 배운것 같습니다. 혹시 이책 이후에 볼만한 책이 있으면 추천해주실수있을까요?? 여기에서 추천받은 책은 꽤 신뢰도가 ...
290	9장 자바스크립트 질문입니다. 1	포요	6906	2015-09-01
290	function idok() { //opener.frm.userid.value = "${userid}"; opener.frm.reid.value = "${userid}"; self.close(); } 이부분에서 //opener.frm.userid.value = "${userid}"; 를 주석처리 하지 않으면 중복체크 후, 사용버튼을 누르면 아이디가 나오지 않고 $...
289	벡그라운드 반응형 재문의드립니다. 2	연리	6722	2015-08-26
289	width:100%;height:100%;background-position:center top ;background-size:cover; CSS 속성을 위와 같이 적용해 보세요. 댓글달아주신걸로 height:100%; 로 css로 지정을 했는데 실제 이미지는 800px 인데 화면에 출력되는건 300px 밖에 안나오고 하단 500px ...
	부트스트랩으로 디자인하라// 백그라운드 반응형 문의드려요 2	연리	6536	2015-08-19
	모바일에서 백그라운드를 100% 로 출력하고 싶은데.. 일단은 CSS에서 background-size: cover; 소스로 주고있어요.. 그런데 웹 PC에서 보니 해상도가 작은곳에서는 백그라운드가 잘려서 일부분만 보이더라구요.. 해상도에 따라서 모바일에서 백그라운드 100%로...
287	[모바일 서버 프로그래밍 입문] 채팅서버관련 질문 1	도깨비	6574	2015-08-12
287	안녕하세요. 책 잘보고 있습니다. ^^ 채팅서버 쪽을 보고 있습니다. 채팅방에서의 채팅 메시지는 별도의 tcp소켓을 이용하여 전달하라고 되어 있는데 어떻게 해야하는지 감이 오질 않아서 질문드립니다. http로 로그인 하여 유저세션을 만들어서 저장하고 tcp...
286	부트스트랩 토글 메뉴 관련해서... 1	고얀	6493	2015-08-10
286	안녕하세요? 제주도에 저도 살았던 적이 있어서...현재 제주에 거주하신다고 하니 부럽고 반갑습니다. 선생님 책보고 열심히 사이트를 만들고 있는데요. 상단 메뉴가 글자가 좀 길다보니 .....모바일에서는 토글메뉴로 바껴서 제대로 나오는데..아이패드에서는...
285	JSP - 오라클 질문있습니다. 1	405요정	6716	2015-07-31
285	오라클을 사용하기 위해서 cmd나 RUn sql command line 등을 이용하고 있는데요 8장에서 회원가입 폼에서 회원가입을 한뒤에 커멘드 창을 통해서 테이블을 쿼리하면 한글이 깨져서 나옵니다. 그런데 웹에서 오라클 DB를 탐색해 출력해줄 때는 올바르게 한글로 ...
284	[백문불여일타] JSP-9장. 커넥션풀 질문드립니다. 4	405요정	6629	2015-07-31
284	커넥션풀 설정 하는 방법을 교재를 보고 그대로 따라해서 적용시키고 456장에 있는 코드도 그대로 적어서 해봤는데 코넥션 객체를 얻지 못하는 것 같습니다. 어떻게 해야할까요.. 이것때문에 진도도 못나갑니다. 아래는 에러 내용 입니다. type Exception repo...
283	메일 보내드렸는데 답장이없네요.. 1	연리	6042	2015-07-24
283	모바일 버전 글자 단락수 관련해서 메일 보내드렸는데 ..답장이없네요..ㅜ
282	[백문불여일타] JSP-9장. 회원관리 시스템 질문입니다. 2	yoonmam	6071	2015-07-24
282	9장. 회원관리 시스템을 실습하는데요, 실행이 제대로 안되는 부분이 있어서요. 1. 아이디 중복체크를 했을 때, 창에 입력한 아이디가 나타나지 않고 ${userid}가 표시됩니다. 2. 로그인을 한 후에 [회원정보변경]을 클릭하면 입력한 회원정보가 로딩이 안되고...
281	[모바일 서버 프로그래밍 입문] 컴파일 관련 질문입니다. 1	도깨비	6028	2015-07-23
281	안녕하세요 책을 보면서 얼랭을 처음 공부하고 있습니다. IntelliJ로 개발환경을 꾸미고 있는데 2장에 나오는 대로 개발환경을 구축하고 있는데 빌드가 되질 않습니다. InteliJ IDEA 14.1.4, Erlang SDK 7등의 최신 버전으로 구축중인데 빌드가 안됩니다. OS는...
280	HTML5&CSS3 사이트 제작의 모든것 질문 1	ms	6138	2015-07-22
280	1. 해당 책의 53페이지에 그림 1.3-16의 완성된 레이아웃 2처럼 aside nav ul li a 부분에서 width값을 주면 정렬이 되는것 아닌가요? 근데, aside nav 까지만 정렬이 되고 1은 그 다음줄로 넘어갑니다. 아래 참고바람. aside nav 1 aside nav 2 aside nav 3 2...
279	[백문불여일타] JSP-8장. 447페이지 질문입니다. 1	yoonmam	5745	2015-07-21
279	8장의 도전미션 과제 중 상품정보관리에서 실행이 안되어서 질문드립니다. 다른 페이지들은 실행되는데, 마지막 페이지(itemWrite.jsp)에서 테이블의 레코들이 하나도 출력이 안됩니다. 오라클서버에서 테이블 생성했고, 폼페이지에서 레코드를 입력하면 오라...
278	웹디자이너를 위한 jQuery 2	홍길동	6695	2015-07-20
278	p315 jquery_sample\Chapter03\12\sample2.html 5초마다 슬라이딩 되어 넘어가는 기능이 IE에서는 문제 없이 되지만 crome에서는 한번 실행 후 더이상 넘어가지 않는 이유가 궁금합니다. 또한 crome에서 그 해결 방법을 알고 싶습니다. cf) IE 버젼 11.0.9600....
277	JSP-8장. 상품정보관리에 대한 질문 1	yoonmam	5798	2015-07-20
277	8장의 도전미션 과제 중 상품정보관리에서 실행이 안되어서 질문드립니다. 마지막 페이지(itemWrite.jsp)에서 테이블의 레코들이 하나도 출력이 안됩니다. chief@roadbook.co.kr 로 소스파일들 보냈습니다. 한번 봐주세요. 감사합니다.
276	부트스트랩으로 디자인하라/ text 정렬문의드립니다.	연리	5625	2015-07-17
276	웹상에선 문제없이 출력이 되는데 http://howbuild.iptime.org:9080/xe/images/344880558301193.jpg 아이폰6로 보게되면 텍스트 정렬이 들쑥날쑥이네요 ㅠ.. word-break:keep-all; word-wrap:break-word; 이런식으로 css를 주긴했는데 텍스트를 반응형으로 출...

쓰기

첫 페이지 1 2 3 4 5 6 7 8 9 10 끝 페이지

질문과 답변

부트스트랩으로 디자인하라// 백그라운드 반응형 문의드려요