javascript - Hard to click links on touchscreen -

this setup(sorry bad indetation):

<div class="container">    <a href="somewhere">     <div class="tall"></div>    </a>   <a href="somewhere else">     <div class="small"></div>   </a> </div> 

i have basic hover styles on "container". problem on mobile (im testing on ios) 2 links wrap around "tall" , "small" hard click. trigger hover style on "container" have hold finger on them second(or more) link open. ideas how can fix this?

unfortunately :hover selector on link on touchscreen devices - i.e. show hover effect second or 2 , click link. best way handle detect device type , remove :hover style altogether. won't need touchscreen anyways.

read this: http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/