HTML中META标签的“视口”…如果iPad = X,而iPhone = Y?

| 与iPad兼容,但与iPhone兼容 我可以将任何代码定向到iPad和iPhone 适用于iPad
<meta name=\"viewport\" content=\"width=1040px, minimum-scale=0.5, maximum-scale=1.0\" />
对于iPhone
<meta name=\"viewport\" content=\"width=440px, minimum-scale=0.5, maximum-scale=1.0\" />
    
已邀请:
iPhone的最大宽度是480px而不是440px
<meta name = \"viewport\" content = \"user-scalable=no, width=device-width\"/>

<meta name=\"apple-mobile-web-app-capable\" content=\"yes\"/>
这会关闭可缩放选项,从而设置视点
<link media=\"only screen and (device-width: 768px)\" rel=\"stylesheet\" href=\"css/ipad.css\" type=\"text/css\" title=\"no title\"/>
这是仅iPad的CSS文件
<link media=\"only screen and (max-device-width: 480px)\" rel=\"stylesheet\" href=\"css/small-device.css\" type=\"text/css\" title=\"no title\"/>
这是仅iPhone的CSS文件 它们是条件注释,因此它们仅适用于具有指定最大宽度的特定设备。     

要回复问题请先登录注册