Website design collapse in android mobilesMagento Mobile SDK For Android and IphoneTo add information about...

Why do neural networks need so many training examples to perform?

How to deal with an incendiary email that was recalled

Why is working on the same position for more than 15 years not a red flag?

It took me a lot of time to make this, pls like. (YouTube Comments #1)

In Linux what happens if 1000 files in a directory are moved to another location while another 300 files were added to the source directory?

What's a good word to describe a public place that looks like it wouldn't be rough?

What happens to output if OPAMP its supply is tweaked?

Why publish a research paper when a blog post or a lecture slide can have more citation count than a journal paper?

Caruana vs Carlsen game 10 (WCC) why not 18...Nxb6?

Advice for a new journal editor

Publishing research using outdated methods

Cat is tipping over bed-side lamps during the night

How long is the D&D Starter Set campaign?

How can I get my players to come to the game session after agreeing to a date?

Can I string the D&D Starter Set campaign into another module, keeping the same characters?

awk + sum all numbers

Would a National Army of mercenaries be a feasible idea?

Strange Sign on Lab Door

Porting Linux to another platform requirements

Am I a Rude Number?

Cookies - Should the toggles be on?

What is the lore-based reason that the Spectator has the Create Food and Water trait, instead of simply not requiring food and water?

Can we use the stored gravitational potential energy of a building to produce power?

Dilemma of explaining to interviewer that he is the reason for declining second interview



Website design collapse in android mobiles


Magento Mobile SDK For Android and IphoneTo add information about the customer to a shopping cart in android using soap apiOwl Carousel Magento 2 not Fully ResponsiveMagento 2 styling / CSS not displaying in IE 9Magento 2 CSS Media Queries not working onIssue (BUG) with ios devices and Magento Mobile Theme HTML5how to connect android application with magentoMagento media queries in platform-Responsive emailsiPhone Compatibility checkMedia query conflict













0















We have written media query for android mobile devices which have the resolution (360x640) as below:



For portrait:



@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 4) and (orientation: portrait){

// Our code goes here

}


For Landscape:



@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {

// Our code goes here

}


After we have written the media query as above, we have tested the output on a real mobile device. While we have checked it, we noticed that it looks good at first but when we open the keypad in mobile to type text in the HTML input-textbox, the website design is collapsing.



Is this because of media query syntax?



Below is the screenshot of the site in normal view:



enter image description here



Below is the screenshot of the site while opening keypad:



enter image description here



Please help me to resolve this issue.










share|improve this question

























  • Kindly attach screenshort

    – Jordy S Chemparathy
    55 mins ago











  • Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.

    – Magento vsmarttec
    43 mins ago
















0















We have written media query for android mobile devices which have the resolution (360x640) as below:



For portrait:



@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 4) and (orientation: portrait){

// Our code goes here

}


For Landscape:



@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {

// Our code goes here

}


After we have written the media query as above, we have tested the output on a real mobile device. While we have checked it, we noticed that it looks good at first but when we open the keypad in mobile to type text in the HTML input-textbox, the website design is collapsing.



Is this because of media query syntax?



Below is the screenshot of the site in normal view:



enter image description here



Below is the screenshot of the site while opening keypad:



enter image description here



Please help me to resolve this issue.










share|improve this question

























  • Kindly attach screenshort

    – Jordy S Chemparathy
    55 mins ago











  • Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.

    – Magento vsmarttec
    43 mins ago














0












0








0








We have written media query for android mobile devices which have the resolution (360x640) as below:



For portrait:



@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 4) and (orientation: portrait){

// Our code goes here

}


For Landscape:



@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {

// Our code goes here

}


After we have written the media query as above, we have tested the output on a real mobile device. While we have checked it, we noticed that it looks good at first but when we open the keypad in mobile to type text in the HTML input-textbox, the website design is collapsing.



Is this because of media query syntax?



Below is the screenshot of the site in normal view:



enter image description here



Below is the screenshot of the site while opening keypad:



enter image description here



Please help me to resolve this issue.










share|improve this question
















We have written media query for android mobile devices which have the resolution (360x640) as below:



For portrait:



@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 4) and (orientation: portrait){

// Our code goes here

}


For Landscape:



@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {

// Our code goes here

}


After we have written the media query as above, we have tested the output on a real mobile device. While we have checked it, we noticed that it looks good at first but when we open the keypad in mobile to type text in the HTML input-textbox, the website design is collapsing.



Is this because of media query syntax?



Below is the screenshot of the site in normal view:



enter image description here



Below is the screenshot of the site while opening keypad:



enter image description here



Please help me to resolve this issue.







css android






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited 43 mins ago







Magento vsmarttec

















asked 57 mins ago









Magento vsmarttecMagento vsmarttec

1729




1729













  • Kindly attach screenshort

    – Jordy S Chemparathy
    55 mins ago











  • Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.

    – Magento vsmarttec
    43 mins ago



















  • Kindly attach screenshort

    – Jordy S Chemparathy
    55 mins ago











  • Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.

    – Magento vsmarttec
    43 mins ago

















Kindly attach screenshort

– Jordy S Chemparathy
55 mins ago





Kindly attach screenshort

– Jordy S Chemparathy
55 mins ago













Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.

– Magento vsmarttec
43 mins ago





Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.

– Magento vsmarttec
43 mins ago










0






active

oldest

votes











Your Answer








StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f263973%2fwebsite-design-collapse-in-android-mobiles%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded




















































Thanks for contributing an answer to Magento Stack Exchange!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f263973%2fwebsite-design-collapse-in-android-mobiles%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

迭戈·戈丁...

A phrase ”follow into" in a context The 2019 Stack Overflow Developer Survey Results Are...

1960s short story making fun of James Bond-style spy fiction The 2019 Stack Overflow Developer...