Phonegap 혼란과 글꼴 크기 조정의 스케일링

Question

아마추어로서 벗어나면 미안하지만 나는 진정으로 하나입니다. 뷰포트를 사용하여 phonegap에서 크기를 조절할 때 다소 혼란 스럽습니다. 저는 뷰포트를 사용하여 스케일링이 어떻게 작동하는지 조금 혼란스러워합니다. 아마도 저는 그것을 지나치게 생각하고 있습니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" /> 

I 앱이 동일한 크로스 플랫폼을 확장하기 위해 노력하고있어 나는 픽셀 비율을 사용하는 경우는 잘 모르겠어요, 텍스트가 제대로 확장 방법 : 여기 내 코드입니다. 모든 것을 백분율로 수행하기를 원하지만 마진, 패딩 및 텍스트의 비율이 적절하게 확장되지 않는 것처럼 느낍니다. 그래서 저는 픽셀로 앱을 만들려고 생각했습니다. 단지 수학을 사용하여 필요한 픽셀 비율을 알아 냈습니다.

죄송합니다. 저는 이것에 익숙하지 않고 반복적으로 봤습니다. 텍스트가 너무 크거나 여백이 떨어져서 문제가 발생하지 않고 올바르게 크기를 조정하는 방법을 이해하지 못했습니다.

Answer 1

initial-scale 및 maximum-scale 설정을 확대/축소 레벨로 생각하십시오. initial-scale은 1이고 maximum-scale은 사용자가 확대 할 수있게하려는 것입니다 (즉, 집기를 사용하여 확대/축소). user-scalable 설정은 사용자가 핀치 - 확대/축소를 사용하여 앱의 크기를 조정할 수있게하려는 경우에 적합합니다.

내 전형적인 설정은 이것이다 :

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

이 시작 규모 (일반) 1.0 말한다 사용자가 확장 (기본값 또는 값이 없음 = false)를 할 수 없습니다. 스케일링을 허용하지 않기 때문에, maximum-scale 파라미터를 가질 필요가 없습니다. 내 질문의 일부를 생각