移动端页面开发常用的知识点_html/css_WEB-ITnose

1.head直接添加一下js代码：viewport标签

          var phoneWidth =  parseInt(window.screen.width);        var phoneScale = phoneWidth/640;        var ua = navigator.userAgent;        if (/Android (\d+\.\d+)/.test(ua)){            document.write(' ');        } else {            document.write(' ');        }      

minimal-ui：iOS 7.1 的 Safari 为 meta 标签新增 minimal-ui 属性，在网页加载时隐藏地址栏与导航栏。
想了解这些属性，请查看链接：
如图:

在过去，用 Safari 打开一个网页后是这样的：

始终强调人性化设计的苹果当然注意到了这点，于是在 iOS 7.1 的 Safari 中为 meta 标签新增 minimal-ui 属性，让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。

如何实现？你只需将 “minimal-ui” 加入 viewport meta 标签的属性中，比如：

但是：苹果在 iOS 8 中移除了 'minimal-ui'，可能的原因是页面内容不应该能够控制系统的 UI。

2. 屏幕设备旋转判断

原来屏幕设备旋转判断用js来判断其页面的宽高比例，但是其实css也可以完成这样的功能

 
    
          
为了更好的体验，请使用竖屏浏览

      
查看更多关于移动端页面开发常用的知识点_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did109513