Īs you see for example iPhone6s has 750 x 1334 Native Resolution (Pixels) but 375 x 667 UIKit Size (Points) and the Native Scale factor of 2.0. Then load your website inside the iframe and then you can use the CSS transform:scale() to scale the whole page depend on your mobile phone's PPI. You cannot set the DPI settings in any of the web languages (HTML/CSS/JS).īut as for simulation, you can put the code in an iframe or even a div It also needs to be something transparent to the user so they do not have to figure out how to use a developer tool. It should not be taking my entire page and making that look like a mobile app. The mobile app section should be in a div on the page. I am familiar with Chrome Developer Tools. What would be the best way to simulate how things would look and be positioned on a mobile phone? Would just taking the relative ratio of length and height and ignoring the ppi work? Obviously, the ppi is different on a desktop display than for a mobile phone. Within the page I will have various content sections, but I also want to have a mobile app area within a div that will display to the user how items in a mobile app might look differently on different mobile phones. I have a website that will mainly be used for large screen monitors on the desktop.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |