css - Inconsistent font sizes on smart phone -


i'm tweaking web page looks on smart phones. i've declared @media section in css file can specify font sizes page. here's media section:

@media screen , (max-device-width: 640px) {     #termsofuse {         padding: 0 2em 0 2em;         margin-left: auto;         margin-right: auto;         color: #777;         font: small sans-serif;     }      #termsofuse p {         color: #777;         font-weight: bold;         font: small sans-serif;         padding-top: 1em;         padding-bottom: 1em;     }      #termsofuse #trademark_footer p {         font: xx-large sans-serif;     } }

however, font sizes showing inconsistently. i've told show fonts "small," 1 section keeps showing fonts in smaller size (id="trademark_footer" @ bottom). using "xx-large" doesn't make font big "small" font in rest of page. i'm viewing page in chrome on android.

also, when view page in following simulator, fonts on entire page tiny—far small read.

http://transmog.net/iphone-simulator/mobile-web-browser-emulator-for-iphone-5.php?u=http://inrix.com/traffic/privacy

first, why font in trademark @ bottom of page showing smaller fonts on rest of page (chrome on android)?

second, why fonts showing small in iphone simulator?

all i'm trying accomplish show fonts in legible size on smart phones.

update:

when specify font sizes explicitly, have same problem. if specify 13px, example, primary font, have specify around 30px on trademark appear @ similar size.

same thing if use "em"s.

update:

i tested in default (i think) browser on samsung galaxy s2 , shows tiny font, too—so small it's illegible. way, in default adroid browser, can double tap, , expands nice size.

tried , didn't seem make difference:

body {     -webkit-text-size-adjust: none; }

i've had @ source of page , couldn't see

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

when looked on iphone didn't seem scaling page @ all, suggesting device interpreting size of page , such none of media queries take effect.

adding viewport meta tag should trigger media queries , font changes looking for.

info on viewport tag


Comments

Post a Comment

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

i've tried various ways coerce xterm (versions 285 , 292) copy selection clipboard clipboard whenever press ctrl-shift-c. promising way far has been, in ~/.xresources, put this: xterm*vt100.translations: #override \ ctrl shift <keypress> c: copy-selection(clipboard) \n\ ctrl shift <keypress> v: insert-selection(clipboard) ctrl-shift-v works perfectly, copying has nuance... if restart xterm, highlighting text puts things in primary clipboard; expected, proper, default behavior. if hit ctrl-shift-c, copies current selection clipboard clipboard. the bug, however, if highlight text after first time pressed ctrl-shift-c, you'll see highlighting copies both primary and clipboard. cannot figure out how stop xterm updating clipboard upon selection... , doesn't make sense me in first place. i said, @ specific point in time, copy selection clipboard... yet starts updating automatically upon selection after doing once... anyone have workaround...
Read more

c++ - qgraphicsview horizontal scrolling always has a vertical delta -

Image
i've subclassed qgraphicsview custom canvas used in cad application. i've reimplemented qgraphicsview::wheelevent check keyboard modifiers control key and, if control key pressed, zoom. i'm trying implement horizontal scroll when user holds shift , uses wheel. the problem i'm having horizontal scrolling always scrolls 0.279. not huge problem, hugely annoying , points else being wrong. so, here questions: is right way implement horizontal scrolling? if not, is? how eliminate delta of 0.279? thanks in advance. code , sample output below void myview::zoom(int delta) { double factor = pow(1.2, delta/abs(delta)); this->scale(factor, factor); } void myview::scrollhorizontal(int level) { qpointf center = maptoscene(viewport()->rect().center()); qdebug() << "center: " << center.x() << ", " << center.y(); centeron(qpointf(center.x() - level, center.y())); } void myview::wheelevent(qwheeleve...
Read more