html - How to correct image scaling for images that appear inline in text? -


i trying embed image (with mathematical equation) in html text such images scales text, regardless of font size chosen.

using simple example image wikipedia, example shown @ http://jsfiddle.net/7ds334hg/show/:

<p>there huge demand long text. therefore, paragraph contains couple of words not particularly interesting. more interesting whether image below shown correctly. hmm...</p> <ul> <li><p>the following letters should have roughtly same size: x <img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/f5471531a3fe80741a839bc98d49fae862a6439a" alt="x" style="height:1.05em;vertical-align: -3px" /></p> </li> </ul> 

i giving image height in "em" make sure image scales regardless of chosen font size. in firefox , chrome, th example works fine.

on android (5.1.1), however, image rendered way small:

screenshot

funnily, shortening rubbish text makes the page correct (http://jsfiddle.net/7ds334hg/1/show/).

how can fix such images scaled correctly on devices?


Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -