묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
모바일 접속시에 그림 안나오게 하는 방법..
2011.02.07 14:18
http://techbug.tistory.com/182
에 보시면 하나의 그림으로 브라우저 해상ㄷ 관계없이 꽉채원주는 소스입니다.
2번째 심플한 방법을 썼고요..
<style type="text/css" media="screen">
img.qg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
z-index: -1000
}
@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}
</style>
<img src="../img/back-main.jpg" class="qg" />
레이아웃 설정에서 헤더사이에 스크립트를 저렇게 넣었습니다..
모바일 화면에서 배경 그림이 나오더라구요...
삽입되는 그림이 모바일에서 아나오게 하는 방법을 알고 싶습니다..
html초짜라서 아무리 방법을 찾아볼라고 해도 힘드네요
에 보시면 하나의 그림으로 브라우저 해상ㄷ 관계없이 꽉채원주는 소스입니다.
2번째 심플한 방법을 썼고요..
<style type="text/css" media="screen">
img.qg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
z-index: -1000
}
@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}
</style>
<img src="../img/back-main.jpg" class="qg" />
레이아웃 설정에서 헤더사이에 스크립트를 저렇게 넣었습니다..
모바일 화면에서 배경 그림이 나오더라구요...
삽입되는 그림이 모바일에서 아나오게 하는 방법을 알고 싶습니다..
html초짜라서 아무리 방법을 찾아볼라고 해도 힘드네요
레이아웃 html 파일에 하드 코딩 하니깐. 모바일 접속시에 안나오는군요...
레이아웃 설정에 헤더 사이에 넣으니 나오고...
개삽질 했네요.