Viewport is not working for using page width of 1170px for mobile devices, how to fix? -


i used below things not working, page width 1170px , not fit mobile devices. new in site 1 can me out? in advance.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=yes" /> <meta name="viewport" content="target-densitydpi=device-dpi" />  <meta name="handheldfriendly" content="true"/> <meta name="viewport" content="width=device-width" />  <meta name="viewport" content=", initial-scale=0.5" />  <meta name="viewport" content="width=480, user-scalable = yes, initial-scale=1.0, maximum-scale=1, minimum-scale=1"> <meta name = "viewport" content = "width = device-width, initial-scale = 0.33, user-scalable = yes"></meta> <meta name = "viewport" content = "width = 980px, initial-scale=0.4, maximum-scale=1" /> <meta name="viewport" content="width=320, maximum-scale=1, minimum-scale=1, initial-scale=0">

i suggest using below.

under head:

<meta name="viewport" content="initial-scale=1.0">

under stylesheet:

/* smartphones (portrait , landscape) ----------- */ @media screen , (min-device-width : 320px) , (max-device-width : 480px) { /* styles */ }  /* smartphones (landscape) ----------- */ @media screen , (min-width : 321px) { /* styles */ }  /* smartphones (portrait) ----------- */ @media screen , (max-width : 320px) { /* styles */ }  /* ipads (portrait , landscape) ----------- */ @media screen , (min-device-width : 768px) , (max-device-width : 1024px) { /* styles */ }  /* ipads (landscape) ----------- */ @media screen , (min-device-width : 768px) , (max-device-width : 1024px) , (orientation : landscape) { /* styles */ }  /* ipads (portrait) ----------- */ @media screen , (min-device-width : 768px) , (max-device-width : 1024px) , (orientation : portrait) { /* styles */ }  /* desktops , laptops ----------- */ @media screen , (min-width : 1224px) { /* styles */ }  /* large screens ----------- */ @media screen , (min-width : 1824px) { /* styles */ }  /* iphone 4 ----------- */ @media screen , (-webkit-min-device-pixel-ratio : 1.5), screen , (min-device-pixel-ratio : 1.5) { /* styles */

put tags, id's, classes, selectors, etc in above @media , stuff proper multiple device platforms.

hope helps.


Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more