6 years, 2 months 전-
안녕하세요~
워드프레스 왕왕 초보자 입니다. 도움이 넘나 필요해요. ㅜ
궁금한 것은, 저희 웹사이트 맨 아래에 ‘제호’ 등등이 있는 푸터가 있는데요.
이 부분이 pc에서 열 때와 모바일에서 링크로 열었을 때 다르게 나오게 하려고 합니다.
모바일로는” Copyright @ 미션투데이 All Rights Reserved. ” -> 이 문구만 나오게 하고 싶은데 어떻게 할 수 있을까요?
CSS 미디어 쿼리를 이용해보시기 바랍니다.
다음 글을 참고해보세요.
https://www.w3schools.com/css/css3_mediaqueries_ex.asp
간단한 방법으로 모바일 해상도에서 “Copyright @ 미션투데이 All Rights Reserved.”를 제외한 다른 부분을 display:none;으로 숨기면 됩니다.
늘 감사한 워드크래커님….
방법이 있다고 하시니 넘나 희망적인데,1.이건 어디로 들어가야 고칠 수 있나욤… ㅜㅜ
“간단한 방법으로 모바일 해상도??에서 “Copyright @ 미션투데이 All Rights Reserved.”를 제외한 다른 부분을 display:none;??으로 숨기면 됩니다.
2. 모바일 해상도가 600px wide or less, 이건가요?
3. 아마도, 보내주신 링크 맨 아래쪽 참조 박스인것 같은데, 여기에서 ‘제외하고’ 부분
“Copyright @ 미션투데이 All Rights Reserved.”를 제외한 다른 부분을 display:none;??으로 숨기는 것을 어떻게 하나요?
/* If the screen size is 600px wide or less, hide the element */
@media screen and (max-width: 600px) {
div.example {
display: none;
}
}— Try it yourself 누르니까 아래와 같이 나옵니담.. —
<!DOCTYPE html>
<html>
<head>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<style>
div.example {
background-color: yellow;
padding: 20px;
}@media screen and (max-width: 600px) {
div.example {
display: none;
}
}
</style>
</head>
<body>Hide elements on different screen sizes
Example DIV.When the browser’s width is 600px wide or less, hide the div element. Resize the browser window to see the effect.
</body>
</html>
- 답변은 로그인 후 가능합니다.