2017-11-22 29 views
0

나는 웹 개발자입니다. 반응 형 모바일 웹 사이트의 모바일 웹 사이트에서 'viewport'옵션을 html로 개발했습니다.뷰포트가 모바일 화면을 만족시킬 수 없습니까?

그럼, 다음과 같은 메타 데이터를 할당 : -

<meta name="viewport" content="width=320"/> 

그러나

어떻게 오른쪽 여백을 삭제할 수 있습니다 (그림 내 웹 사이트 도구 모음의 일부는 아래에) 내 웹 사이트가 오른쪽 여백을 발생? .... 당신의 도움을 주셔서 감사합니다!

enter image description here ....

+2

사용 <메타 이름 = "뷰포트"내용 = "사용자 확장 = NO 폭 = 기기 폭 초기 스케일 = 1.0, 최대 스케일 = 1.0"/> 미디어 질의 반응 형. – Roy

+1

@Roy는 backticks'''을 사용합니다. 주석의 내용을 읽기 쉽게 만듭니다. ':-)' – Martin

+0

와우, 좋아! 고마워요 로이와 마틴 –

답변

0

쓰기를 제거 할 수 있습니다 및 작동한다면, 시도 ...

<meta name="viewport" content="width=device-width, initial-scale=1"> 
-1

이 시도 :

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 

편집 : 정적 폭을 제공함으로써, 당신은 이미 응답을 잃어버린 있습니다. 대신 기기의 너비를 자동으로 차지하는 device-width을 사용하십시오.

max-scale=1.0user-scalable=no은 사용자가 휴대 전화를 집어 넣을 수 없습니다. 당신은 사용자가 웹 사이트에 확대 있도록하려는 경우, 당신은이 두

+1

이것이 -1을 얻는 이유는 무엇입니까? 이것은 맞지만 * 왜 * 작동 하는지를 설명함으로써 훨씬 향상 될 수 있습니다. – Martin

0

당신이 당신의 미디어 쿼리를 변경해야 할 수 있으며, 이것은 귀하의 웹 사이트에서 다른 작업 일 것입니다. 제발 올바른지 확인하십시오. 사이트를 만들

<meta name="viewport" content="width=device-width, initial-scale=1">