Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
奇怪的HTML问题。单击链接时文本大小变小_Html_Css - Fatal编程技术网

奇怪的HTML问题。单击链接时文本大小变小

奇怪的HTML问题。单击链接时文本大小变小,html,css,Html,Css,为我的客户查看此网站:在安卓移动设备上 当单击“单击此处”链接时,整行文本变小,并且不起任何作用。再次单击它,链接就会工作 我一辈子都不知道为什么 这似乎不会发生在Safari或任何台式PC浏览器上。仅在安卓Chrome上,在较小尺寸的屏幕(手机)上观看 有什么想法吗?尝试将此规则添加到站点标题: <meta name="viewport" content="width=device-width,initial-scale=1"> 我可以在chrome中触发它,但一旦我添加了这

为我的客户查看此网站:在安卓移动设备上

当单击“单击此处”链接时,整行文本变小,并且不起任何作用。再次单击它,链接就会工作

我一辈子都不知道为什么

这似乎不会发生在Safari或任何台式PC浏览器上。仅在安卓Chrome上,在较小尺寸的屏幕(手机)上观看


有什么想法吗?

尝试将此规则添加到站点标题:

<meta name="viewport" content="width=device-width,initial-scale=1">


我可以在chrome中触发它,但一旦我添加了这个规则,它也停止了。这可能是由于设备为不同大小的屏幕呈现信息的方式。作为参考,请勾选:

我刚刚在头部添加了这一行,没有任何区别。您是否将其添加到该站点?我没有在控制台中看到它。另外,请确保清除android设备上的缓存,或在专用/匿名窗口中打开它。啊,是的。很抱歉,我将其添加到错误的站点。我现在添加了它,它工作了,但是现在页面不能像以前那样缩放到设备宽度。但至少它现在起作用了。但这并不能很好地解释这种行为,我认为这只是一个创可贴。JasonRoozee在某种程度上说,这是一个创可贴。因为网站没有设置为响应性强,并且没有viewport标签,所以浏览器决定他们认为应该发生什么,这就是为什么你会看到不一致的结果。视口元标记为所有浏览器设置默认值。重构站点css以使其具有响应性不需要太长时间。只需在某些断点处添加一组媒体查询,并将容器宽度设置为100%左右。在调试控制台中以“Galaxy S5”的查看模式查看时,桌面Chrome中也会出现这种情况