chrome dev 도구를 통해 적용 할 때 미디어 쿼리 스타일이 유지되지 않습니다.

Question

html 요소에 적용된 스타일과 관련하여 문제가 발생했습니다.이 변경 사항은 Chrome 개발 도구를 통해 변경되었습니다. 필자는 텍스트 편집기와 크롬 개발 도구의 편집기가 동기화되어 있으므로 개발자 도구에서 변경 한 사항이 모두 편집기에 표시됩니다. 문제는 내 라인 코드를 변경하면 변경 사항을 저장하고 로컬 텍스트 편집기에 반영하더라도 브라우저를 새로 고침하면 변경 사항이 사라집니다. 나는 무엇을 잘못 할 수 있었는지, 나는 대답을 찾았지만 아무것도 찾지 못했다. 질문이 너무 길지만 가능하면 상세히 설명하고 싶다면 나와 함께 견뎌주십시오. P .: 미디어 쿼리를 사용하여이 변경 사항을 적용했습니다. 그 방법으로 더 나은 결과를 얻을 수 있기 때문입니다.Screenshot

Answer 1

당신이해야 할 일은 텍스트 편집기에서 원하는 미디어 쿼리를 작성하는 것이지 크롬 개발자가 작성하지 않고 해결할 수 있습니다.

NB : Chrome 개발 도구는 영구적 인 변경이 아닌 작업을 미리 볼 수있는 기능이 더 많아서 페이지를 새로 고침하면 모든 것이 사라집니다.

스타일에! important를 사용해보세요. 예를 들어

.media{ 
@media only screen and (max-width:568px){ 
width:100% !important;}} 

내가 문제의이 종류를 만날 때 나는이 모든 시간을 사용