All geek questions in one place

Website does not respond to Samsung Galaxy S2

The Wordpress website (using the Genesis system) I have designed to correctly display displays on iPhone and HTC, but not on Samsung Galaxy phones. (tested on Samsung Galaxy S2 and Samsung Ace). I am now using the FitVids plugin to make the video susceptible.

Strange, pages that do not have video images viewed on the Samsung phone are displayed correctly, but on the page with the video turned on, a page layout is displayed that is displayed on the tablet screen and not on the phone screen.

I tried various other plugins, but none of them seemed to solve this problem.

It would be great if anyone could offer any advice on this.

Here is my site

Here's the css stylesheet

+6
source share
3 answers

As I found out, the samsung screen is 480 * 800 pixels

Try using CSS:

@media only screen and (min-device-width : 480px) and (max-device-width : 800px) and (orientation : landscape) { } @media only screen and (min-device-width : 480px) and (max-device-width : 800px) and (orientation : portrait) { }

thanks

+3
source

try using

 <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport">
+2
source

Using the @media rules is not recommended, as the pixel size on the mobile device and on the desktop may vary.

For example, instead of:

 @media only screen and (min-device-width : 480px) and (max-device-width : 800px) and (orientation : landscape) { } @media only screen and (min-device-width : 480px) and (max-device-width : 800px) and (orientation : portrait) { }

Add a container that has a left margin of 5% and margin-right of 5%:

 <body> <div class="container"> # Your body goes here </div> </body>

I found this a much more user-friendly and supported approach to responsive design than the standard @media rule.

+1
source

Source: https://habr.com/ru/post/948907/

More articles:


All Articles