webkitcss中-webkit-overflow-scrolling: touch;是什么意思？

webkit 时间:2021-08-25 阅读:()

webkit内核是什么？

亲，你好。

WebKit内核简单来说呢。

就是一个支持咱们手机浏览器运行的基础组件。

国内的浏览器都差不多的使用这种内核呢！像我现在使用的手机QQ浏览器所使用的腾讯X5就是从WebKit基础上进行了扩展包装。

就使得qq浏览器比其他使用原始内核的更加的安全稳定。

更加人性化，兼容性也更好。

还可以支持各种格式视频的播放呢。

这真是满足了我看视频的需求

谷歌和苹果浏览器都是webkit核心吗？两款浏览器为什么区别那么大？

google的chrome和苹果的safari浏览器都是使用的苹果的webkit核心. 你所谓的差距是界面么?浏览器的核心并不是指的界面,而是内容的渲染. 你如果测试就能发现,同一个网站在chrome和safari下的显示情况几乎是一模一样的,因为他们都使用了webkit内核.webkit内核能很好的支持css3.0等等先进的互联网技术,可以为你提供更好的浏览网页体验.

css中-webkit-overflow-scrolling: touch;是什么意思？

WebKit私有的属性“-webkit-overflow-scrolling: touch”（允许独立的滚动区域和触摸回弹）；例子如下： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta charset="utf-8" /> <title>scroll</title> <style type="text/css"> .container { width : 300px; height : 50%; -webkit-box-sizing : border-box; position : relative; overflow-y : auto; background-color : cyan; -webkit-overflow-scrolling : touch; /* liuhx:可以把这整行注释掉对比差别 */ } ul { height: 50px; } </style> </head> <body> <div align="center"> <nav class="container"> <ul>1</ul> <ul>2</ul> <ul>3</ul> <ul>4</ul> <ul>5</ul> <ul>6</ul> <ul>7</ul> <ul>8</ul> <ul>9</ul> <ul>10</ul> <ul>11</ul> <ul>12</ul> <ul>13</ul> <ul>14</ul> <ul>15</ul> <ul>16</ul> <ul>17</ul> <ul>18</ul> <ul>19</ul> <ul>20</ul> </nav> </div> </body> </html>

展开全文