查看来自不同浏览器的bartzmall.pk的源代码,您将看到为每个浏览器添加到html标记的不同类.
来自firefox
<html class="firefox firefox53 otherClasses">
Run Code Online (Sandbox Code Playgroud)
来自铬
<html class="webkit chrome chrome58 otherClasses">
Run Code Online (Sandbox Code Playgroud)
来自IE
<html class="ie ie11 otherClasses">
Run Code Online (Sandbox Code Playgroud)
而且来自歌剧
<html class="webkit opera opera45 otherClasses">
Run Code Online (Sandbox Code Playgroud)
"otherClasses"类指的是所有浏览器常见的大约14个其他类.
当从不同的浏览器访问时,该网站如何更改其源代码?这些因浏览器而异的特殊课程有何用途?
PS作为一个附带问题,在html标签中添加如此多的类背后的意义/智慧/原因是什么?
我习惯于查看我访问的许多网站的代码,并看到以多种不同方式定义的视口。
我见过这个
<meta name="viewport" content="width=device-width, initial-scale=1 " />
Run Code Online (Sandbox Code Playgroud)
和这个
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui" />
Run Code Online (Sandbox Code Playgroud)
和这个
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)
和这个
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 " />
Run Code Online (Sandbox Code Playgroud)
我考虑过将它们全部组合成这样的东西
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
Run Code Online (Sandbox Code Playgroud)
但这有什么好处吗?什么是最好的方法?