테스트 사이트 - 개발 중인 베타 버전입니다

상품 리스트 상단에 해당 건을 include 할려고 합니다. 채택완료

너유 5년 전 조회 4,063

영카트 상품 리스트 상단에  다음과 같이  include 하였습니다.

 

그런데..  노트 시리즈는 잘 나오는데..  우째  아이폰이나  s8시리즈에서는  좀 깨져서 나오더라구요

 

홈 무슨 문제인지  조언 좀 부탁 드립니다. 

 

</p>

<p>

<?php

$linkf = basename($PHP_SELF,'.php');

 

if($linkf == "list"){

 $ww =  $g5['title'];

}else if($linkf == "item"){

$ww =  $g5['title1'];

}

?></p>

<p><div id="sit_ov_wrap"><h9><a href="<?php echo G5_URL ?>"><i class="fa fa-home"></i> HOME</a> > 제품소개>

<?php echo ($ww); ?> </h9></div></p>

<p>

<style type="text/css"></p>

<p>@media (min-width: 200px) and (max-width: 350px) {

* {margin:0; padding:0;} </p>

<p>qq  {float:center; list-style:none; margin:1px; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;text-align:center;}</p>

<p>qq  a {display:block; width:65px; height:30px; background:#4b4f51; color:#fff; border1px solid blue; font-size:15px; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;</p>

<p> text-align:center; padding-top:0px; text-decoration:none;}</p>

<p>

qq  a span {display:block;} </p>

<p>qq  a:hover {background:#cccccc; text-decoration:none;}

}</p>

<p>@media (min-width: 351px) and (max-width: 480px) {

* {margin:0; padding:0;}</p>

<p>qq  {float:left;list-style:none; margin:1px; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;text-align:center;}</p>

<p>qq  a {display:block; width:65px; height:30px; background:#4b4f51; color:#fff; border1px solid blue; font-size:15px; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;</p>

<p> text-align:center; padding-top:5px; text-decoration:none;font-size:12px;}</p>

<p>

qq  a span {display:block;} </p>

<p>qq  a:hover {background:#cccccc; text-decoration:none;}</p>

<p>}</p>

<p>@media (min-width: 481px) and (max-width: 767px) {

* {margin:0; padding:0;}</p>

<p>qq  {float:left; list-style:none; margin:1px; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;text-align:center;}</p>

<p>qq  a {display:block; width:100px; height:30px; background:#4b4f51; color:#fff; border1px solid blue; font-size:15px; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;</p>

<p> text-align:center; padding-top:0px; text-decoration:none;}</p>

<p>

qq  a span {display:block;}</p>

<p>qq  a:hover {background:#cccccc; text-decoration:none;}

}</p>

<p>

@media (min-width: 768px) and (max-width: 1280px) {

* {margin:0; padding:0;}</p>

<p>qq  {float:left; list-style:none; margin:1px; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}</p>

<p>qq  a {display:block; width:123px; height:50px; background:#4b4f51; color:#fff; border1px solid blue; font-size:18px; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;</p>

<p> text-align:center; padding-top:10px; text-decoration:none;border-radius:20px;}</p>

<p>qq  a span {display:block;}</p>

<p>qq  a:hover {background:#cccccc; text-decoration:none;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}</p>

<p>  

  

#sit_ov_wrap2 {padding-left:10px;margin:0px auto 0px;max-width:1200px;padding: 0px;text-align:center;}

}</p>

<p>

@media (min-width: 1281px) {

* {margin:0; padding:0;}</p>

<p>qq  {float:left; list-style:none; margin:1px; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}</p>

<p>qq  a {display:block; width:115px; height:50px; background:#4b4f51; color:#fff; border1px solid blue; font-size:18px; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;</p>

<p> text-align:center; padding-top:10px; text-decoration:none;border-radius:20px;}</p>

<p>qq  a span {display:block;}</p>

<p>qq  a:hover {background:#cccccc; text-decoration:none;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}</p>

<p>

#sit_ov_wrap2 {padding-left:10px;margin:0px auto 0px;max-width:1200px;padding: 0px;text-align:center;}</p>

<p>}</p>

<p></style></p>

<p><div id="sit_ov_wrap2" class="sit_ov_wrap2">

<ul> </p>

<p>    <qq><a href="<?php echo $mshop_ca_href.$mshop_ca_row1.d010; ?>">상품1</a></qq></p>

<p>    <qq><a href="<?php echo $mshop_ca_href.$mshop_ca_row1.d020; ?>">상품2</a></qq></p>

<p>    <qq><a href="<?php echo $mshop_ca_href.$mshop_ca_row1.d040; ?>">상품3</a></qq></p>

<p>    <qq><a href="<?php echo $mshop_ca_href.$mshop_ca_row1.d050; ?>" >상품4 </a></qq></p>

<p>

    

    <qq><a href="<?php echo $mshop_ca_href.$mshop_ca_row1.d070; ?>">상품5</a> </qq></p>

<p>    <qq><a href="<?php echo $mshop_ca_href.$mshop_ca_row1.d080; ?>">상품6</a> </qq></p>

<p>    <qq><a href="<?php echo $mshop_ca_href.$mshop_ca_row1.d0a0; ?>">상품7</a></qq></p>

<p>    <qq><a href="<?php echo $mshop_ca_href.$mshop_ca_row1.d090; ?>">상품8</a> </qq></p>

<p>

    <qq><a href="<?php echo $mshop_ca_href.$mshop_ca_row1.d060; ?>">상품9</a></qq></p>

<p>    <qq><a href="<?php echo $mshop_ca_href.$mshop_ca_row1.d0b0; ?>">상품10 </a></qq>

</ul>

</div>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
a
5년 전

qq 라는 태그는 첨 보는듯 합니다.

보통은 li 를 쓰는데 말이죠.

테그마다 브라우저가 처리하는 방식이 다를 수 있습니다.

모든 기기에서 같은 브라우저로 봐야 비교가 되겠지요.

기기의 기본 브라우저가 제각각 다를 겁니다.

먼저 qq를 li로 변경하는 작업을 진행하신 후 확인해 보시고

그 다음 기기의 브라우저에서 다르게 보이는 부분은 해당 기기의 브라우저 별로

수정할 css 를 찾아 보셔야 할거 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인