没有问题。但是在safari等有底栏的浏览器（页面显示区域已经在安全区内部）也同样会加上安全区宽度。（视频教程：css视频教程）CSS函数苹果在推出全面屏之后提供的CSS函数，ios12为constant()，ios12为env()。
成都创新互联公司是专业的吴堡网站建设公司，吴堡接单;提供网站设计、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行吴堡网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
Safari浏览器按钮，进入Safari浏览器的设置页面中。点击高级按钮，进入高级设置页面中。开启兼容模式的按钮JavaScript即可。
对于低版本的 IE 浏览器使用 CSS hack（ 即给特点前缀）注：以下符号是写在属性名前面。
calc的兼容性处理 CSS3中的calc变量在iOS6浏览器中必须加-webkit-前缀，目前的FF浏览器已经无需-moz-前缀。
下面是三个浏览器的兼容性收集.第一种，是CSS HACK的方法height：20px； /*For Firefox*/*height：25px； /*For IE7 & IE6*/_height：20px； /*For IE6*/注意顺序。这样也属于CSS HACK，不过没有上面这样简洁。
1、兼容性测试 AndroidApp兼容性测试是一个比较重要的App评价内容，实际上兼容性测试不仅仅和测试人员相关，在开发阶段就应当着重考虑，因为兼容性问题是除了实现App本身要求的功能后，必须要关注、而且至关重要的一个点。
2、手机APP开发的兼容性手机APP开发中也要注意系统的兼容性问题，包括避免闪退、程序异常等情况的出现。
3、pc端有ie，chrome，ff内核兼容问题移动端，简单来说兼容问题相对较少。但是移动端要做好多分辨率的处理。移动端所有图片和所有html标签的尺寸都要减半。
4、开发语言（Java、koltin、混合）第三方库或SDK 安装、升级 H5兼容性 CSS样式兼容（一些属性的浏览器标示前缀没有添加，导致默认浏览器不认识这个属性，所以样式错乱。
字体模糊就是filter： blur()这个css属性的控制效果！看到有逐渐的变化，就是css3动画(animation)的效果下面简单分析下，这个动画的几个步骤，从下面看到，这个动画一共8个步骤。
Zepto.js 中的动画方法都是使用 CSS 动画属性来处理，而其中动画运行后的回调便应该是使用这个事件来处理。transitionend 事件触发时会传入一些动画相关的参数，例如：propertyName，elapsedTime，详细内容可以参考：transitionend。
它与CSS，个别变换，SVG，DOM属性和JS对象。特征 具体的动画参数 具体目标值 多个定时值 播放控制 运动路径在网页或者是APP的开发中，动画运用得当可以起到锦上添花的作用。
学习HTML和CSS之后，接下来需要学习的是VanillaJavascript。对开发人员来说，掌握javascript基本知识非常重要。
使用工具：js 、css、dreamweaver。实现代码：代码一：创建一个 link 元素，并将它添加到 标记中即可，下边首先看看怎么使用 jQuery 来实现。
，设置html，同时还设置body的字体大小，目的是为了兼容。不同浏览器确实支持的不一样。
如果移动显示屏的分辨率始终是普通屏幕的2倍，1px的边框在devicePixelRatio=2的移动显示屏下会显示成2px，所以在高清瓶下看着1px总是感觉变胖了。
vw 和 vh（移动端开发个人最喜欢的单位属性，也是这次介绍的重点） 传统的响应式开发中，我们常常用百分比来布局，然而这并不是最好的解决方案。例如，你没有办法以body的高度来设置百分比。
相对于小屏幕，为了适配大屏幕，我们的css代码通常要复杂一些，所以移动端优先的策略有利于精简代码。
如果用了 background-image，后面就只能放图片的url，不能加“no-repeat”；如果要加“no-repeat”，就要用 background，不能用 background-image。
