html - Why the font is big for non responsive site? -

-

it's interesting me why font size big non-responsive site (with no <meta name="viewport" content="width=device-width, initial-scale=1.0"> tag) on small screens? want smaller , able zoom in.

html (just 2 columns text):

<div class="s">     <div>         <h2>...</h2>         <p>..</p>     </div>     <div>         <h2>...</h2>         <p>...</p>     </div> </div>

css:

body {     font: 100%/1.5 tahoma, geneva, sans-serif; }  .s {     display: flex;     margin: 50px auto;     width: 1000px; }  .s div {     background: #eee;     flex: 1 1 100%; }

demo here https://jsfiddle.net/infous/3hjmc9o0/embedded/result/. can test f12,ctrl+shift+m (device mode) in chrome.

demo #2 https://jsfiddle.net/infous/3hjmc9o0/3/embedded/result/ text in <body> scalable want.

enter image description here

i'd text in red border above in image.

well, reason of effect because of "mobile text size adjustment" algorithms, details here https://drafts.csswg.org/css-size-adjust/. if don't use responsive mode, browser tries adjust text in paragraphs, headings etc.

theoretically, there's text-size-adjust css rule control behaviour, does't work property in browsers.

fortunately, somebody found out hack/workaround:

p {   max-height: 5000em; }

this max-height disables "mobile text size adjustment" algorithms, think. , you'll paragraphs zoomed out, in example.


Comments

Post a Comment

Popular posts from this blog

mysql - FireDac error 314 - but DLLs are in program directory -

-
i getting when trying access mysql database : [firedac][phys][mysql]-314. cannot load vendor library [libmysql.dll or libmysqlld.dll] this did not happen (unchanged) code, however, have upgraded windows 10 , had reinstall delphi xe8, system configuration matter. in order try solve problem, copied both of files c:\windows\sysytem32. when did not seem work, copied them \win32\debug, generated .exe resides. i imagine doing rather stupid, can't see what. the proper solution place driver file (eg., libmysql.dll ) in application's folder, or place installation location in fddrivers.ini file: [mysql] vendor=<folder>\libmysql.dll (recent versions of documentation seem use vendorlib instead of vendor in ini file.) see rad studio documentation topics configuring drivers (firedac) , connect mysql server (firedac) more information.
Read more

Log not being recorded for quickfix c++ Session -

-
i running fix initiator , succesfully connecting acceptor. problem is, no log being recorded. .cfg application written below. [default] connectiontype=initiator reconnectinterval=2 resetonlogon=y filestorepath=store filelogpath=logging starttime=00:00:00 endtime=00:00:00 usedatadictionary=y # standard config elements [session] # inherit connectiontype, reconnectinterval , sendercompid default beginstring=fix.4.4 sendercompid=init targetcompid=accept socketconnecthost=xxx socketconnectport=xxx heartbtint=30 datadictionary=fix44md.xml [session] beginstring=fix.4.4 sendercompid=init targetcompid=accept1 socketconnecthost=xxx socketconnectport=xxx heartbtint=30 datadictionary=fix44oms.xml the excerpt code initiates connection written below: std::string file = argv[ 1 ]; fix::sessionsettings settings( file ); application application; fix::filestorefactory storefactory( settings ); fix::screenlogfactory logfactory( settings ); fix::socketinitiator initi...
Read more

ios - NSFetchedResultsController not calling delegate methods on changes using NSPredicate with subquery -

-
i have nsfetchedresultscontroller created follows: let fetchrequest = nsfetchrequest(entityname: "friendship") fetchrequest.sortdescriptors = [ nssortdescriptor(key: "friendtocurrentuser.displayname", ascending: true) ] fetchrequest.predicate = nspredicate(format: "subquery(friendtocurrentuser.trackingsessions, $x, $x.dataisstale == false , $x.enddate == nil).@count != 0") let fetchedresultscontroller = nsfetchedresultscontroller(fetchrequest: fetchrequest, managedobjectcontext: coredatamanager.instance.mainmanagedobjectcontext, sectionnamekeypath: nil, cachename: nil) fetchedresultscontroller.delegate = self var error: nserror? if !fetchedresultscontroller.performfetch(&error) { println(error) } when initial fetch completes controller:didchangeobject:atindexpath:forchangetype: called, when object should added/removed due subquery method not called. if simple delegate methods aren't called when predicate contains subquery tha...
Read more