移动web开发之流式布局
01
移动端基础
浏览器现状
比如我们现在用谷歌浏览器打开刚刚做的旋转木马,按下F12进入调试界面,就能看到一个小手机的图标,这样我们就能模拟手机进行调试了,...IOS,Android基本都将这个视口的分辨率设置为980px,所以PC上的网页大都能在手机上呈现,只不过元素看上去很小,一般默认可以通过手动缩放页面....不同设备的不同像素比:
PC端和早前的手机屏幕/普通手机屏幕:1CSS像素=1物理像素
Retina(视网膜屏幕)概念,可以把更多的物理像素点压缩在一块屏幕里,从而达到更高的分辨率,并提高屏幕显示的细腻程度...移动端浏览器的技术解决方案
当我们PC端写的a链接放到电脑上时,点击的时候会有一个高亮,如何将他去除呢....-webkit-tap-highlight-color: transparent;
在移动端浏览器默认的外观在iOS上加上这个属性才能给按钮和输入框自定义样式:
-webkit-appearance