아이폰 <button> 이미지

을 변경

좋아, 그래서 여기에 내 문제가있어, 내가 버튼을 50 % 축소와 마술 도착 모바일 기기, PC와 휴대폰 모두에서 작동 버튼 3 만 1 개 큰 차이가 둥근 모서리.

<button type="button" onClick="parent.location='../index.php'" title="Back to Main Menu"> 
    <img src="../../css/images/back_25.png" /> 
</button> 
<button type="reset" title="Reset"> 
    <img src="../../css/images/restart_25.png" /> 
</button> 
<button type="submit" title="Done"> 
    <img src="../../css/images/plus_25.png" /> 
</button> 
<input type="hidden" value="submit" name="submit" />

이 문제에 대한 빠른 수정이 (상단 이미지가 수표를 가지고 있다는 사실을 무시하고 바닥 더하기 기호를 가지고, 그들은 똑같은 일을)? 다시 한번 두 세트의 버튼이 제대로 작동하고, 다르게 보입니다.

요청에 따라이 코드를 사용해 보았습니다.

<button type="reset" style="width:49px; height:33px;"> 
<img src="../../css/images/restart_25.png" width="25" height="25" /> 
</button>

동일한 내용입니다. 또한 스타일 = "width : 50px, height : 50px로 설정하려고 시도했지만 버튼이 완전한 원이됩니다."

출처

2013-08-24 Sickest

휴대 기기를 말할 때 어떤 기기입니까? 몇 명이나 테스트 했습니까? –

지금까지 아이폰의 사파리 만. 그러나 그것은 정말로 내가 걱정하는 유일한 사람입니다. – Sickest

이미지가 비정상적으로 보입니다. 버튼과 이미지에 픽셀 단위로 명시적인 크기를 지정하면 어떻게 될까요? –

글쎄, 내 문제에 대한 답을 얻는 사람은 아무도 없어. 난 그냥 조금 더 버튼의 높이와 폭 덤비는 시작하고 두 브라우저의 중간에 착륙 좀 운이의되었다.

<button type="reset" title='Reset' style='height:33px; width:50px'> 
    <img src="../../css/images/restart_25.png" /> 
</button>

enter image description here 이의 달콤한 자리가 될 듯 내 특정 상황. 때문에 PC broswer 측면 영향을받지 않았고 아이폰/사파리 측면 아이콘을 볼 수 있습니다.

출처

2013-08-25 17:06:37 Sickest

아이폰 <button> 이미지

답변

관련 문제