css - Full width html body on tablet -


basic question

how website width:100% on tablet devices.

there java-script options detect screen size , readjust css accordingly. if option accept that, surely html5/css3 there more elegant solution.

to elaborate:

i'm not worried mobile devices, because app detailed, mobile version has have simpler options.

the problem has come because tablets come in high definition. designing site max-width:998px fine in past, tablet full hd not display 100% width because greater 998px.

i have looked zoom, consensus it's not supported yet.

finally

should start designing pages fit max-width:1280px, , have forms/tables width:100%?

at moment i'm using http://getbootstrap.com/ , it's amazing, doesn't have tablet detection library. have classes different sized devices, it'd say, tablet=width 100%.

final note

in case it's unclear examples follow <body><div class="container">...</div></body> i'm after .container 100% width on tablet.

i'm 100% 998px, might have increase 1200px, feedback on nice.

edit 1

i got vote broad. please elaborate because i've been searching weeks before posted. there little on how create full width tablet website. if want examples can create pages. problem many different resolutions. example, want have page or form account/contact details , have fit size tablet, on desktop if open page on 50 inch screen won't work if inputs width:percent. why limited max-width:998px, try fit desktops. tablets, despite resolution, small screens, , perfect full width.

if using bootstrap, has detection it.

go css , check comments, ull find like:

/* small devices (tablets, 768px , up) */ @media (min-width: @screen-sm-min) { ... }

it full-width default, containers have margins, nothing worry about, can override classes or make custom stylesheet

customize bootstrap

if want manually, full width tablet easy set container div @ width:100%

my advice: custom margin on .container on boostrap (and maybe cols well) have width template.


Comments

Post a Comment

Popular posts from this blog

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

this question has answer here: why spring mvc respond 404 , report “no mapping found http request uri […] in dispatcherservlet”? 3 answers i trying making simple bbs i'm encountering following error, warn : org.springframework.web.servlet.pagenotfound - no mapping found http request uri [/board/] in dispatcherservlet name 'appservlet' i have tried solve error many times, have failed. how can solve error? here web.xml, controllerand , servlet-context. my web.xml <?xml version="1.0" encoding="utf-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xsi:schemalocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <filter> <filter-nam...
Read more

html - Outlook 2010 Anchor (url/address/link) -

i'm trying link specific pdf page msoutlook'10 or msword'10, #page=... anchor particularly useful , works fine elsewhere. unfortunately when click [ctr-k] in outlook or winword, links re-formatted assuming unc path. pdf file located on shared drive. using "file:" prefix links open pdf in adobe reader (outside of browser), , "http:" open inside browser. issue seem need open in browser "file:" prefix in order anchor work. know anchors work inside browser. outlook uses windows/explorer default program (based on file extension) seems open in adobe reader neglecting anchor. is aware of solution, link specific page or bookmark of shared-pdf ms outlook and/or winword link? common references: mailermailer.com/...anchor-tags-html-emails campaignmonitor.com/...anchor-links-in-email-newsletters/ stackoverflow.com/...anchor-in-pdf-document
Read more

android - How to create dynamically Fragment pager adapter -

i unable create dynamic layout each tabs, able create tabs dynamically constructor(public mypageradapter(fragmentmanager fm , int nooftabs)), coudn't inflate view each tabs creating each fragment should dyanmic. public class mypageradapter extends fragmentpageradapter { private final string[] titles = { "categories", "home", "top paid", "top free", "top grossing", "top new paid", "top new free", "trending" }; int nooftabs; **public mypageradapter(fragmentmanager fm , int nooftabs) { super(fm); this.nooftabs = nooftabs; }** /*public mypageradapter(fragmentmanager fm) { super(fm); }*/ @override public charsequence getpagetitle(int position) { return titles[position]; } @override public int getcount() { ...
Read more