1,视口(viewport)的介绍 “视口”这个概念最早是苹果公司推出iPhone的时候发明的,为的使让iPhone的小屏幕尽可能完整显示网站。不管网站页面原始的分辨率尺寸多大,都能将其缩小显示在手机浏览器上,这样保证网页在手机上看起来更像在桌面浏览器中的样子。 2,修改视口设置,让浏览器不要自动执行视口缩放 <meta name="viewport" content="initial-scale=1.0" /> 这行代码告诉移动浏览器使用真实的页面比例,不要缩放。 3,使用在线模拟器,查看网站在不同移动设备的样子 http://MobileTest.me 可以让我们在线查看比较网站在不同的移动设备上的外观(比如iPhone、iPad或其他的Android设备)。
|