상품출력후 웹용은 괜찮지만 화면크기를 줄이는순간 줄간격이 안맞습니다 ㅠ_ㅠ

상품출력후 웹용은 괜찮지만 화면크기를 줄이는순간 줄간격이 안맞습니다 ㅠ_ㅠ

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

상품출력후 웹용은 괜찮지만 화면크기를 줄이는순간 줄간격이 안맞습니다 ㅠ_ㅠ

본문

일단 웹용으로 스킨10번을 이용하여 4칸짜리로 떨어지는 상품들을 출력했는데

 

화면을 줄이는 순간 상품들이 왼쪽으로 붙고 정렬이 안되구 첫째줄에 세가지 상품 둘째줄에 1나의 상품이 나열됩니다.

 

width값이 잡혀져 있어서 줄여봤더니 올라오긴하는데 각각 width 값이 잡혀져 있어서

 

서버에 접속해 css를일일히 수정해주어야 하나요??

 

아니면 관리자 모드에서 모바일로 따로 출력하여 이미지나 간격들을 잡아주어야 하나요??

 

궁금합니다~~^^

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 2

채택됨

onlymilk47님의 답변

<style>
/*
    768PX이하에서는 아래와같이 행동 최대커지는 값을 확인합니다.
    사이즈는 아래로 떨어질때를 기준으로 하시면 됩니다.
    max-width 를 이용 하셔도 됩니다.
*/
@media (max-width: 768px) {     
    .sct_10 .sct_li {width:25% !important;margin-right:0px;padding:0px 5px;} //!important 를 정의
    .sct_10 .sct_li img{max-width:100% !important;}
}
</style>

주소복사
채택됨
답변의 댓글

eyekiss님의 답변

반응형으로 css 를 수정해줘야 합니다.

구글링해보시면 많이 나와 있습니다.

https://www.codingfactory.net/10534

 

주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 74,502 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. ISPCONFIG 3 PRO 자동설치 스크립트

    참여25 회 시작19.05.21 10:11 종료19.05.28 10:11

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT