本篇文章给大家谈谈css适配用什么，以及CSS如何应用对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文一览：
DIV+CSS怎么适配浏览器?
1、清除块display，这个可以解决浮动造成的块，造成块后，当DIV背景填色或填图片的时候，会出现背景断开或差一小块。
2、这豹似是层与样式表，每个浏览器都有不同的标志，跟据标志适配浏览器啊。
3、实例 文档中的一个部分会显示为绿色：div style=color：#00FF00 h3This is a header/h3 pThis is a paragraph./p/div浏览器支持 所有主流浏览器都支持 div 标签。
4、首先创建或打开我们的web项目并创建一个新的html文件和css文 HTML页面代码如图所示。定义一个div并给出一个id属性。
5、第一步，创建或打开Web项目，新建html文件以及CSS文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，图中显示了HTML页面代码，定义div并给出id属性等级，见下图，转到下面的步骤。
css关于解决苹果手机底部小黑条适配问题
安卓仿iPhoneX底部小黑条，会导致屏幕适配问题，最常见的场景就是底部fixed的元素被阻挡的情况。对于这种问题，我们一般***取css的处理方式：第一步：设置网页的头部标签。第二步：将页面主体设置在安全区域内。
iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。
适配后，iphonex以上手机非矩形界面自动适配底部高度：手机在更新换代，随着手机样式发生改变，样式兼容问题也接踵而至，但是问题的制造者往往也是问题的解决者，开发者也不用焦虑找不到解决方案，从而使我们更专注业务逻辑本身。
首先在我们的手机桌面上找到设置并点击它。（如下图所示）然后点击***功能，点击引导式访问。（如下图所示）点击开启引导式访问开关，连续三次按压屏幕右侧的关机键就能够取消屏幕下方的小横条了。
以下是一些解决此问题的常见方法：检查显示设置：前往iPhone的“设置”应用，点击“显示与亮度”，然后选择“显示模式”。确保选择的是“标准”模式，而不是“放大”模式，此模式可能会导致上方出现黑条。
导航栏标题设计规范 2017年以前的移动端规范下的导航栏还是循规蹈矩的，样式单一。但随着iPhoneX等一系列全面屏手机相继问世后，移动[_a***_]在屏幕高度上有了进一步的扩展，界面设计在一屏内的发挥空间也随之增加。
用CSS怎么写浏览器兼容的代码?
根据CSS2的标准，应该是有min-height和min-width的，但是IE6不支持，基本上IE6里面的height和width就相当于min-height和min-width。
跨浏览器兼容是个永恒的话题，其实只要坚持用CSS的规范书写CSS的代码，就不会产生什么不兼容的问题。 hack针对的是像IE6等那些老版本的浏览器。它们都将会淘汰。
li，dd，dt{list-style-type：none；} 你以后每写样式表时，就先把这些复制上，后面你无论怎么写边距样式值，都是一样的。如：margin-top：50px； padding-top：50px； 所有浏览器的外上边距和内上边距都是50像素。
编写出兼容各浏览器的CSS的技巧和方法： Div居中问题：div设置 margin-left， margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin： center；这个的意思就是在父级元素内的内容居中。
如果你不设置的话，他就会出现在浏览器给他的默认位置，而每个浏览器设置的默认位置是不同的，所以你需要给他一个确定的TOP 和 LEFT位置，在所有浏览器下就能出现在固定位置了。也就是你说的兼容了。
关于css适配用什么和css如何应用的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
