XE 기본레이아웃인 xedition을 약간 수정해서 사용할려고 하는데요
/layouts/xedition/css/layout.css 942줄에서
@media all and (max-width: 479px) { body, html { min-width: 100%; }
빨간색부분 코드를 지우면 제가 작성한 위젯코드들의 css가 정상작동을 합니다.
근데 지우면 content 부분의 가로폭이 전체화면을 차지합니다.
[원본소스]
[수정코드]
위의 이미지를 보시면 wing부분의 위젯과 하단부분의 위젯들의 모양이 달리 보입니다.
레이아웃의 css를 수정할수 있는 방법이 있는지 아님 위젯소스중에 특별히 지정해야 하는 부분이 있는지 질문드립니다.
@media all and (max-width: 479px) { body, html { min-width: 100%; }를 해석하자면
화면 크기가 479px 이상일 경우 body, html의 min-width가 100%가 됩니다.
content 영역의 너비가 body의 영향을 받는 것 같은데, 좀 더 구체적인 설명이 있어야 답을 찾을 수 있지 않을까 싶네요.