미디어쿼리

Question

비주얼스튜디오에서는 미디어쿼리문 적었을때 오류가 안나는데이클립스에서 미디어쿼리 사용하니까 Multiple markers at this line- mismatched input '(' expecting ':'- missing '}' at 'max-width'- mismatched input ')' expecting '}'- missing '{' at 'and'이란 에러가 뜹니다. 구문 잘못된거도 없고, 중괄호, 소괄호 다 맞게 적었는데 (비주얼스튜디오랑 똑같이 넣었습니다.)이런에러가 뜨는 이유가 뭘까요..;;그리고 제가 에러 무시하고 저장하고 실행했더니, 잘 실행은 되더라고요. 그럼 이 에러는 무시하고 지나가도 될까요?

Clickin · Answer

이클립스 자바스크립트 린터가 IE6 버전 기준인가 그럴겁니다.CSS도 그렇다면 최신 문법이 지원안되서 그럴 가능성이 높네요

-ChatGPT- · Answer

에러 메시지를 보면 미디어 쿼리에 구문 오류가 있음을 나타내고 있습니다. 미디어 쿼리는 CSS에서 사용되는 조건문으로, 특정 미디어 유형 또는 장치에 대한 스타일을 지정하는 데 사용됩니다. 이클립스에서 에러가 발생하는 이유는 아마 미디어 쿼리 구문을 잘못 사용하고 있기 때문입니다.주어진 에러 메시지를 보면 몇 가지 문제점을 알 수 있습니다:'max-width'에서 '}'가 누락되었습니다.':' 대신에 '('가 사용되었습니다.'}' 대신에 ')'가 사용되었습니다.'and' 앞에 '{'가 누락되었습니다.예를 들어, 올바른 미디어 쿼리 구문은 다음과 같이 보일 수 있습니다:@media (max-width: 768px) { /* 스타일 지정 */ }위의 구문에서는 (와 )로 감싸인 조건이 오고, 조건과 해당하는 스타일을 중괄호로 감싸고 있습니다. ':'은 조건과 스타일을 구분하는 데 사용됩니다.비주얼 스튜디오에서 동일한 코드가 정상적으로 작동한다면, 비주얼 스튜디오에서는 해당 구문을 제대로 해석하고 있을 가능성이 있습니다. 그러나 이클립스에서는 문제를 감지하여 에러로 표시합니다.에러를 무시하고 실행하면 결과적으로 코드가 작동할 수 있지만, 에러가 표시된 이유는 잘못된 구문을 알려주기 위해서입니다. 따라서 해당 에러를 무시하고 넘어가는 대신, 올바른 구문으로 수정하는 것이 좋습니다. 이렇게 하면 코드의 가독성과 유지 보수성이 향상될 것입니다.

미디어쿼리

2개의 답변

#mediaquery 목록