1. 웹에서도 사이즈를 변경하면 그대로 줄어들기를 바라는데 바디는 어느정도 적용되는것 같은데 슬라이더 이미지는 적용이 안됩니다.
인덱스에
<!--Global CSS-->
<link href="./src/default.css" type="text/css" rel="stylesheet" />
<!--해상도에 800픽셀 이하인 경우 적용할 Css-->
<link href="/src/layout-narrow.css" media="screen and (max-width:800px)" type="text/css" rel="stylesheet" />
<!--해상도에 801픽셀 이상인 경우 적용할 Css-->
<link href="/src/layout-wide.css" media="screen and (min-width:801px)" type="text/css" rel="stylesheet" />
<!--Global CSS-->
<?php if (isset($_GET['sub'])) { ?>
<link href="./src/sub.css" type="text/css" rel="stylesheet" />
<!--해상도에 800픽셀 이하인 경우 적용할 Css-->
<link href="/src/sub-narrow.css" media="screen and (max-width:800px)" type="text/css" rel="stylesheet" />
<!--해상도에 801픽셀 이상인 경우 적용할 Css-->
<link href="/src/sub-wide.css" media="screen and (min-width:801px)" type="text/css" rel="stylesheet" />
<?php } else { ?>
<link href="./src/main.css" type="text/css" rel="stylesheet"/>
<!--해상도에 800픽셀 이하인 경우 적용할 Css-->
<link href="/src/main-narrow.css" media="screen and (max-width:800px)" type="text/css" rel="stylesheet" />
<!--해상도에 801픽셀 이상인 경우 적용할 Css-->
<link href="/src/main-wide.css" media="screen and (min-width:801px)" type="text/css" rel="stylesheet" />
<?php } ?>
이부분은 설정되어있고, css 에서 header의 width를 100%로 줬는데 반응하지않습니다
min-width? 같은 다른 미디어 쿼리 설정이 필요한 것일까요?
https://jsfiddle.net/junn_l/dg8s44mz/1/
mustoryart.com
2. 또, 메뉴바를 애초에 로고 밑으로 깔아서 작은사이즈에서 볼때 메뉴역시 작게 축소되게 수정하고자 합니다. (수평메뉴바 유지)
그럼 navi선택자를 header선택자의 자식으로 둬야하는 건가요?
참고사이트 (www.leesokids.com : 이곳의 footermenubar처럼 header에 넣고싶어요 ㅠ )
