html - Website not displaying correctly on mobile devices -


i cannot seem figure out why pages on website not displaying correctly on mobile devices. here link type of page i'm having trouble with: http://www.designelopers.com/html-2/what-is-html/

if view in chrome , inspect in chromes mobile viewer (little mobile icon left of inspection toolbar) , select apple's iphone 6 , refresh can see issue i'm having. here picture of looks like:

site body squished left

right have main width's content set percentages. if change them pixels works don't want that. added few media queries medium , high pixel densities so: 

@media screen , (-webkit-device-pixel-ratio: 1.5)  {  { #sidebarcontainer { display: none; float: none; } #maincontentcontainer { float: none; border: none; width: 100%} #textsectioninner { padding: 5rem; }  }  @media screen , (-webkit-device-pixel-ratio: 2)  {  { #sidebarcontainer { display: none; float: none; } #maincontentcontainer { float: none; border: none; width: 100%} #textsectioninner { padding: 5rem; } }

does have idea why occuring? thank help

you need create media queries different screen sizes. common desktop version, medium(for tablets), small (for phones). search media queries.


Comments

Post a Comment

Popular posts from this blog

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more

PHP OOP-based login system -

lets building oop-based user authentication system, , incorporate following principles: direct injection, inheritance, encapsulation, polymorphism , single responsibility principle. my background in programming has relied on procedural programming, , thus, finding difficult put these practices correct use. assume have these classes: class config { public function set($key, $value); public function get($key, $default = null); } class user { public function __construct(pdo $dbh, $id = null); public function setprofile(profile $profile); } class auth { public function __construct(config $config); public function login($username, $password, $keeploggedin = true); public function isloggedin(); public function getloggedinuser(); public function logout(); public function register(array $data); } class session { public function start($sessionname = null); public function write($key, $value); public function read($key, $default =...
Read more

c# - Nested Internal Class with Readonly Hashtable throws Null ref exception.. on assignment -

in internal game class , have both a) defined nested internal gamertags class , b) defined gamertags[] _array variable. in internal gamertags class (the nested class, simplicity left out) have readonly hashtable . after initialization, still null ref exception when try assign value. i'm not changing pointer value only , need add initialization hastable? internal class gamertags { private readonly hashtable _privatereadonlyhashtable; private string _json; private string _hash; internal idictionary privatereadonlyhashtable { { return this._privatereadonlyhashtable; } } internal string hash { { this.ensurehash(); return this._hash; } } internal object this[string key] { { return this._privatereadonlyhashtable[k...
Read more