web移动端常见问题

Posted orochiz-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web移动端常见问题相关的知识,希望对你有一定的参考价值。

1.1物理像素

产生原因:css样式的最小值是1px,不过这个1px只是代表css像素,在高清屏上展示的物理像素要>1(iphone6 1css像素=2物理像素。而iph6p则是1css像素=3物理像素)

解决思路:想要展示1物理像素,只能使用scale缩放。

方法一:局部缩放
哪个元素要用到1物理像素,就设置哪个元素进行垂直方向的缩放。至于是缩放1/2还是1/3就看屏幕的DPR(物理像素与设备独立像素的比例值)

以上是关于web移动端常见问题的主要内容,如果未能解决你的问题,请参考以下文章

Web移动端常见问题

1移动端 2后台 3 移动端,Web 端 4 PC端

移动端web开发技巧

移动端兼容

移动web开发之流式布局

移动web——移动开发选择和技术解决方案