html5 - Is still CSS position:fixed an issue on iPad? -
i can't understand why code below isn't rendered on ipad (safari , chrome) while it's ok on iphone (safari), android, pc.
the button there on ipad* -- if tap in bottom right corner trigger action -- button not visible.
i use linux, debugging on ipad came out tough... advice?
<div id="print-button"> <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewbox="0 0 104 104"> <circle r="50" cx="50" cy="50"></circle> <path d="m25 ... " transform="matrix(0.65,0,0,0.65,17.5,17.5)"></path> </svg> </div> <style> #print-button { width: 5.5rem; height: 5.5rem; cursor: pointer; position: fixed; right: 2%; bottom: 2%; } </style> (*) sorry providing real link rather recreating whole thing in js fiddle, hope not break rule.
about being duplicate question of ... (see comment below)
Comments
Post a Comment