css속성 background-size 답변부탁드립니다.
두온
안녕하세요. background-size 속성에대해 질문드립니다.
접속사이트 배경화면을 설정해야하는데
이미지 해상도는 2048 x1536 px이구요
원본은 아래이미지이구요 빨간부분이 보여져야하는부분입니다.사용자 해상도에따라 인터넷브라우저창에 딱 맞게 들어가게 설정해야하는데
background-size:cover;
background-size:contain;
background-size:100% 100%;
background-size:auto;
다 줘봐도 아래이미지처럼 브라우저창에 딱맞게 안나오더라구요..
자바 스크립트를 이용해야한다고 하던데 자바 스크립트에대한 지식이없어서..
CSS로는 전혀 불가능한건가요?
html{
background: #00140burl(../media/bg_bubbles.jpg) center center no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-touch-callout:none;
}
CSS에 이값을 넣어도 딱맞게 안되지던데..
아시는분..꼭 답변부탁드리겠습니다..
감사합니다.
-
아롱별 2024-02-07
스크립트말고 css랑 html도 넣으셔야죠 ; 소스보기해서 보시면되요 ~
-
푸헷 2024-02-07
body안에다가 사이트에적혀있는 소스를 넣는데 아무변화가없네요 ㅠㅠ
-
송아리 2024-02-07
가로만 100프로로 하는데도요? 이상하네ㅜㅜ
-
쥬디시어스 2024-02-07
100%로하면 잘리는게아니라 오히려 늘어지더라구여 ㅠㅠ
-
날개 2024-02-07
브라우저 크기에 따라 배경이 잘려도 되는거라면 그냥 body에 배경가로 100%하시면 될거같아요
-
중독적 2024-02-07
답변감사드립니다!^^
-
내꽃 2024-02-07
넓이 높이가 비율상관없이 무조건 다 보여야 한다는건가요?
html,body 높이 100%로 주고 body에 배경 100% 100%로 주면 되는거 같은데용