반응형웹 조건부 스타일시트 질문 드립니다 ㅠ 채택완료
</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><!DOCTYPE html></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><html xmlns="<a href="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml</a>"><a href="http://www.w3.org/1999/xhtml" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml</a></a>"></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><head></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><meta http-equiv="Content-Type" content="text/html; charset=euc-kr"/></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><title></title></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><meta name="author" content="Alvaro Trigo Lopez"/></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><meta name="description" content="fullPage fixed header and footer."/></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><meta name="keywords" content="fullpage,jquery,demo,screen,fixed, header,footer, absolute, positioned,css"/></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><meta name="viewport" content="initial-scale=1,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" /></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><meta name="Resource-type" content="Document"/></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><link href="examples2.css" media="only screen and (min-width: 1px) and (max-width: 600px)" rel="stylesheet"></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><link rel="stylesheet" type="text/css" href="jquery.fullPage.css"/></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><link rel="stylesheet" type="text/css" href="examples.css"/></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;">
</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;">
</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><style></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>/* Centered texts in each section</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>* --------------------------------------- */</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>.section{</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>text-align:center;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>}</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>/* Fixed header and footer.</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>* --------------------------------------- */</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>#header, #footer{</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>position:fixed;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>height: 5%;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>-moz-box-shadow: inset 1px 1px 10px #222;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>-webkit-shadow: inset 1px 1px 10px #222;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>box-shadow: inset 1px 1px 10px #222;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>display:block;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>width: 100%;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>z-index:9;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>text-align:center;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>color: #f2f2f2;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>background-color:#535353;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>padding: 15px 0 10px 0;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>}</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>#header{</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>top:0px;</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>}</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"></style></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><script src="<a href="<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js</a>"><a href="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js</a></a>"></script></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><script src="<a href="<a href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js</a>"><a href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js" target="_blank" rel="noopener noreferrer">http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js</a></a>"></script></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><script type="text/javascript" src="vendors/jquery.slimscroll.min.js"></script></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><script type="text/javascript" src="jquery.fullPage.js"></script></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><script type="text/javascript" src="examples.js"></script></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><script src="<a href="https://maps.googleapis.com/maps/api/js?sensor=false" target="_blank" rel="noopener noreferrer">https://maps.googleapis.com/maps/api/js?sensor=false</a>"></script></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><!--[if lt IE 9]></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><script src="dist/html5shiv.js"></script></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><![endif]--></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><!--[if lt IE 9]></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><script type="text/javascript" src="js/respond.min.js"></script></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><![endif]--></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><!--[if IE]></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><script type="text/javascript"></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;">var console = { log: function() {} };</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"></script></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><![endif]--></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><script type="text/javascript"></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>$(document).ready(function() {</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>$('#fullpage').fullpage({</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>menu: '#menu',</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>scrollingSpeed: 1000,</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>scrollOverflow: true</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>});</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span>});</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span> function initialize() { </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> var myLatlng = new google.maps.LatLng(37.874433, 127.734127); </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> var mapOptions = { </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> zoom: 17, </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> center: myLatlng, </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> mapTypeId: google.maps.MapTypeId.ROADMAP </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> } </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> var marker = new google.maps.Marker({ </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> position: myLatlng, </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> map: map, </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> title: "" }); </span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"> };</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"><span class="Apple-tab-span" style="white-space:pre"> </span></script></span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;"></head>
</span></font></p><p><font face="gulim, helvetica" size="2"><span style="line-height: 23.5440006256104px;">
이값으로 좁아지면 메뉴를 사라지게 만들었습니다.
그래서 사라지게 하는건 성공했는데 반대로 none 값을 block 값을 줘서 나타나게 하려고 해도 나타나질않네요...
조언좀 부탁드립니다,ㅠ 기반으로 제이쿼리 사용하고 있습니다.
원 css 파일에 css id나 class 값이 선언되어 있으면 값이 안나오는거 같습니다.
해결방안이 있을까요? ㅠㅠ
원스크롤 페이지이고 보디 부분은 빼고 해드만 적었어요 ㅜㅠ
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인