라벨이 safari인 게시물 표시

[HTML][iOS] iframe의 width와 height 가 적용되지 않는문제

테스트 기기 기종: iPhone 5S iOS version: 7.0.6 Browser: Safari 문제 iframe 의 사이즈(width, height)가 적용되지 않는다. (아래의 코드가 예상한대로 보여지지 않는다.) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <iframe style="border: 1px solid green; height: 150px; width: 150px; overflow: scroll; -webkit-overflow-scrolling: touch;" src="http://www.apple.com/"></iframe> </body> </html> 대처방안 1. iframe 을 Div 로 감싸고 Div 에 스크롤을 넣는방법 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta name="viewport" content=...

[Mobile][Javascript] touch Event(touchstart, touchmove, touchend) 가 작동하지 않는경우

증상   - touch Event 가 정상적으로 작동하지 않음   - 디바이스 기종       1) iPhone5(A1429) - Safari (iOS7)       2) Galaxy S2LTE(SHV-E110S) - OEM browser (Android 4.0.3)       3) Galaxy Tab 10.1(SHW-M380W) - OEM browser(Android 4.0.4) 대부분의 디바이스에서는 정상 작동 하지만 위의 두 디바이스에서 touch이벤트가 정상적으로 작동하지 않았다. Galaxy 디바이스의 chrome browser 에서는 정상적으로 작동함. 원인   - 특정 HTML 코드에서 발샘함. ( Browser Bug 로 의심됨 )   - 나의경우에는 상단에 다음과 같이 스타일이 있었으며      style="position:absolute; height:100%; overflow:hidden;"     touch event 로 실행될 버튼의 상단에 P 태그 (<p>) 가 많이 들어있었다.     1. 3개의 스타일 중 어떤것 한개라도 삭제하면 touch event 가 정상적으로 동작하였으며     2. 본문의 P 태그를 많이 삭제하면 touch event 가 정상적으로 동작하였다. ================================= 2013.12.19 추가 기기: SHW-M380W HTML 파일내에 딱히 의심될 만한 이상한것도 없지만 Touch Event 가 발생하지 않는 문제가 발생을 했다. (역시 Chrome 에서는 정상적으로 작동) 혹시나 싶어 ontouchstart="" 를 사용하니 말끔히 해결..;; -_- honeycomb 에서 터치 안되는 문제 와는 다른 문제...