当前位置:首页 > Web开发 > 正文

针对不同客户端在客户端做代码处理

2024-03-31 Web开发

Hack是由于现有的浏览器解析差别,为了兼容各浏览器,给与的一种调处的要领。并且只针对太陈腐的浏览器,不保举使用。

Hack的实现要领有三种:

(1)css类内部的Hack

(2)css选择器的Hack

(3)css头部的Hack

hack道理是通过差此外浏览器自身所带有的出格标识符以及css中优先级的机制来实现差别浏览器里css样式兼容性的问题。

2.响应式结谈判自适应构造

(1)自适应构造:

通过检测视口辨别率,来判断当前访谒的设备,从而请求处事层,返回差此外页面。需要开发多套界面,自适应对页面做的屏幕适配是在必然范畴:好比pc端一般要大于1024像素,手机端要小于768像素。自适应构造如果屏幕太小会产生内容过于拥挤。

(2)响应式构造

响应式构造只需要开发一套界面,响应式构造是一套页面全部适应。响应式构造通过检测视口辨别率,针对差别客户端在客户端做代码措置惩罚惩罚,来展现差此外结谈判内容。响应式构造不会因为屏幕太小产生内容过于拥挤的情况,它可以自动识别屏幕宽度并做出相应调解的网页设计。

(3)总结:响应式构造要比自适应构造要好一点,但是自适应构造越发贴切实际,因为你只需要考虑几种状态就可以了而不是像响应式构造需要考虑非常多状态。所以的说无论哪种设计都有它们各自的特点,我们要按照项目的需求来选择适合的构造方法。

3.px,em,rem的区别

px:即像素,页面按精确像素展示,px是绝对单位,而em和rem不是。

em:默认情况下1em=16px,em有担任性,少用于开发,一般用于测试文字。

rem:默认情况下1rem=16px,rem没有担任性,但是会受根元素的影响,常用于移动端开发。

CSS:Hack,响应式构造及自适应构造,px和em及rem的区别

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31486.html