pc와 모바일의 레이아웃 구조를 다르게 하여 제작하고 있습니다.

pc에서 있던 컨텐츠들이 모바일에서는 별도의 섹션을 구성하려고

detach()로 삭제한 부분을 after로 추가시키는 구조입니다.

resize로 화면 넓이를 감지하여 삭제시킬 섹션과 추가시킬 섹션을 구분하는데

브라우저 넓이를 조절하면 섹션이 추가만 되고 css는 아예 인식을 하지 않습니다.

해당 넓이에서 새로고침을 하면 css를 인식하여 생각한 모습으로 출력이 되는데

새로고침없이 넓이에 따라 바로 적용하는 방법이 있을까요?

css를 인식하지 못하는 이유도 알고 싶습니다!