Question

当我使用meta标签时，css没有正确加载。

这是我正在使用的元标记。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>

我正在使用上面的标签来禁用手机（iphone）中输入字段的自动缩放，但我观察到，不幸的是，当我使用上面的（meta）标签时，css没有被加载。

修改

这是我的元标记

的html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/styles/some_file.css" />
<link rel="stylesheet" href="/styles/file2.css" />

Answer 1

使用修改后的meta标签修复了我的问题我使用以下一个

<meta name="viewport" content="user-scalable=no" />

Answer 2

这是我的网站标题标记，它适用于我：

<meta content='True' name='HandheldFriendly' />
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />

当我使用meta标签时，css没有被加载

2 个答案: