jQuery를 모바일 이미지는이 바이올린 페이지의 "기본"크기

Question

와 헤더를 중심으로.

나는 이미지가 ~ 16px라고 생각하는 기본 헤더 텍스트와 동일한 크기가되도록하고 싶다. 더 정확하게는 큰 이미지 때문에 머리글 막대의 크기를 조정하지 않고 이미지를 축소하고 싶습니다.

나는 height 태그를 사용하여 크기를 조정할 수 있었지만 센터 맞춤을 얻을 수는 없습니다.

<div data-role="page"> 
     <div data-role="header" data-position="inline"> 
       <img src="example.png"> <h1>test</h1> 
      </div> 
    </div> 

Answer 1

그 <h1> 내에서 이미지를 넣어 자동으로 텍스트 크기가 무엇이든로 확장하게 1em에 크기를 설정하는 것입니다 할 수있는 가장 좋은 것은.

<div data-role="page"> 
    <div data-role="header" data-position="inline"> 
    <h1> 
     <img src="example.png" style="height: 1em" /> 
     test 
    </h1> 
    </div> 
</div>