gpt4 book ai didi

java - 在移动浏览器中打开时,html 页面顶部的文件名和图标会缩水?

转载 作者:行者123 更新时间:2023-11-28 08:29:58 27 4
gpt4 key购买 nike

我有一个非常简单的布局,我在 HTML 页面的右侧有三个图标,并且在中间硬编码了标题。我以百分比给出标题的大小:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

<a href='#' style="position: fixed;top: 30px;right:30px;z-index: 1000;" id="import"><img src="images/upload.png"></a>

<a href="#" style="position: fixed;top:80px;right:30px;z-index: 1000;" id="models" ><img src="images/download.png" class="menuc"></a>
<a href="#" style="position: fixed;top:130px;right:30px;z-index: 1000;" id="dropdown" class="menuc"><img src="images/render.png" class="menuc"></a>

<div style="width: 100%;text-align: center;position: fixed;z-index: 100;background-color: #C2C2A3;height: 100%">
<span id="cannvasfilename" style= "position:fixed;left:40%; z-index: 100; color:#3C3C41; font-weight:bold; background:transparent;font-size: 200%;">Filename:Meshworks Test</span>
</div>


</body>
</html>

这是一个非常简单的页面,您可以使用链接 Test 查看布局.

但是当我在浏览器中打开这个 HTML 页面时,图标缩小了,标题也变小了。

所以我的问题是,有什么方法可以设置大小,以便自动获取页面长度和宽度,然后设置标题和图标的大小。 ???

我已经给出了百分比的文本大小,所以我认为这可以完成任务。但是没有!

注意:您可以查看我提供的链接。它只是一个示例,所以看不到对齐方式。只有大小差异是个问题。

它会在您的浏览器中正确出现,但请尝试在您的手机浏览器中打开链接。这就是问题所在!

我可以在代码中做哪些简单的更改来解决这个问题?

最佳答案

好的,我会回答我自己的问题并关闭这个问题。

我在头部使用了 HTML 元标记,问题已解决。

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

它可能会帮助遇到同样问题的人!

关于java - 在移动浏览器中打开时,html 页面顶部的文件名和图标会缩水?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28319291/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com