Hi Everyone!
I have a couple of questions:
1. For one of my web pages I didn't make tablet layout. It's not an empty layout - it's not activated at all. That page is not visible on iPads. Is this because there is not tablet version and I need to make that or is that something else?
Why desktop is not visible on tablets (iPad in this case - didnt try android yet).
2. On mobiles, (layout is 380 pixels wide) android for example, when I open that site, pages are "too wide", I can move left/right a little bit, but when I tap twice it fits to the screen. I want to have everything nice on each mobile device without any action from the user. I heard about code to paste (viewport code): "<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"". I put this into page properties/metadata, was fine with vertical layout, but with horizontal viewing on mobile, things like full background photo slide show or other elements were displayed completely wrong. I didn't try to paste viewport code as a html in each page. Is that a reason for the problem, or is that something else? If not viewport code, what to do for universal page dimensions if something like that is possible to set at all?
3. The last problem so far to me is, when I have some images in vertical layout on mobile, lets say it looks ok. Looking in horizontal, pictures are zoomed in, and they look blurry. I see same thing viewing some mobile templates for example at themeforest.net. What to do, to get nice sharp looking image on both layouts? Is responsive widget (different pictures depends on size displayed) the answer? I know about retina (retina@x2) images, but that probably would help just for retina displays. What to do to have nice sharp looking images on both layouts on mobile version? Probably same problem is viewing tablet site at different layouts, when horizontal will be zoomed in (stretched to the sides) to fill the browser window.
I hope someone can help me.
Do appreciate it!
Luke.