移动web开发之流式布局
01
移动端基础
浏览器现状
比如我们现在用谷歌浏览器打开刚刚做的旋转木马,按下F12进入调试界面,就能看到一个小手机的图标,这样我们就能模拟手机进行调试了,...一个px点能显示的物理像素点的个数,称为物理像素比或者屏幕像素比.
经过测试,代码中375开发像素(px)占满了750的物理像素点(dpr),所以存在1:2的像素比....对于一张50px*50px的图片,在手机Retina屏中打开,按照刚才的物理像素比会放大倍数,这样会造成图片模糊.
在标准的viewport中,使用倍图来提高图片质量,解决在高清设备中的模糊问题....单位:长度|百分比|cover|contain
cover把背景图片扩展至足够大,以使背景图像完全覆盖背景区域.
contain把图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域.
cover和contain...缺点:
制作麻烦,需要花很大精力去调兼容性问题.
移动端浏览器的技术解决方案
当我们PC端写的a链接放到电脑上时,点击的时候会有一个高亮,如何将他去除呢.