반응형 사이트에서 최신글 질문 드립니다. 채택완료
반응형 사이트를 만드는 중인데요. PC에서 가로로 4개씩 최신글이 보이는데,
모바일로 가면 반응형이라서 세로로 4개가 뿌려지다 보니 스크롤이 너무 길어지네요.
그래서, PC에서는 4개씩, 모바일에서는 2개씩 보여지게 하고 싶으면 어떻게 코딩을 해야 할까요?
미디어 태그 등을 찾아서 살펴봤는데, 구체적인 방법을 모르겠네요.
관련 예시나 소스 등 도움 부탁 드립니다./
감사합니다.
답변 3개
최신글 4개 불러오는 쿼리에서
G5_IS_MOBILE 이면 2개만 불러오세요
if(G5_IS_MOBILE){
}else{
}
답변에 대한 댓글 2개
@media(max-width:769px){
#id {display:none}
}
오타있을수있음.
댓글을 작성하려면 로그인이 필요합니다.
질문자님의 숙련도가 어느정도인지 몰라 최적화된 답변은 어렵지만
사이트를 제작한다고 하시니 css 정도만 다룰줄 아신다고 가정하에 답변드릴께요.
저라면 일단 모바일 상태에서 해당 최근글 wrap 에
max-height 값을 최근글 2개 정도로 길이로 하고
아래 버튼을 만들어서 더보기 링크로 활용하시는게 좋다고 생각합니다.
물론 모바일에 분기를 두어 내가 원하는 갯수만큼 가져오는방법이 있고
제일 좋은건 ajax 로 무한스크롤이나 이런 부분이 더 효율적이겠지만
질문자님의 스킬이 어느정도인지 모르기에 css 처리만으로 할수있는 답변을 드렸습니다~
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
미디어 태그로 가로폭에 따라 최신글 소스를 다르게 (게시물수 부분을 다르게) 하는 방법을 알수 있을까요?