Responsive CSS for Samsung Galaxy tablet 2
I've recently created a webpage that works fine on computers and smartphones that I could test on. But when I sent it to my friend, she said her Samsung Galaxy tablet 2 showed the banner in the wrong place among other issues. In my CSS, I've made rules for these widths:
(min-width: 480px) and (max-width: 767px)
(min-width: 768px) and (max-width: 995px)
Can someone please help me understand where I'm going wrong? I couldn't find any site that would let me test for Tab 2, any help in this direction is also most welcome...
You have provided way too little info:
1. Which size of Galaxy Tab 2 does she have (7 in or 10 in)?
2. Which orientation does the problem arise (landscape or portrait)?
3. What screen widths have you tested the site on?
If the problem is specific to the Tab 2, which I doubt, then there is no substitute for testing on that platform. However, it is, I suspect nothing to do with the machine. Rather, it may be related to the display width. E.g. The 7 inch GT2 in portrait mode has a display width of 600 pixels, which is an unusual size.
There are on-line emulators that do not mimic the idiosyncrasies of individual machines, but can show you the result of displaying a responsive site on specific screen widths. I'd suggest you find out which screen width the problem appears on, and run your site against one, or more, of the emulators at that width.
Thanks for the detailed reply. I have successfully tested on: iPhone 3+4 portrait/landscape, iPhone 5 portrait/lands., Android landscape(320px), iPad portrait/landsc., Kindle portrait/lands.
My friend used Tab2 landscape, didn't ask her what inch it was. Sorry, I didn't even know Tab2 comes in 2 sizes (I don't use smartphones at all...)
If it is 600px, then shouldn't it have been covered in the (min-width:480px) and (max-width: 767)
Anyways, I'll post here what the JS code shows the width is. Now, I'm beginning to wonder if width is really the issue :/
Thanks again, will get back to you when she gets time to test it again
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Tags for this Thread