移动web学习
移动端基础
1. 浏览器现状
国内UC和QQ,百度等手机浏览器都是根据Webkit修改过来的内核
所以:兼容移动主流浏览器,处理Webkit内核浏览器即可
2. 手机屏幕现状
屏幕尺寸非常多,碎片化严重作为开发者无需关注分辨率,因为常用尺寸单位是px
3. 移动端调试方法
谷歌浏览器的模拟手机测试搭建web服务器,手机和服务器一个局域网内,通过手机访问服务器使用外网服务器,直接IP或域名访问
视口
视口就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理想视口
1. 布局视口layout viewport
一般移动设备的浏览器都默认设置了一个布局视口,用于解决早期pc端页面在手机上显示的问题ios、Android基本都是将这个视口分辨率设置为980px,所以pc上的网页大多都能在手机上呈现
2. 视觉视口visual viewport
它是用户正在看到的网站的区域,注意:
移动web学习最先出现在Python成神之路。
共有 0 条评论