Question

我的网站上有一个非常奇怪的问题，并且想知道你们中是否有人知道如何修复它。问题如下：在网站（typez.bplaced.net）上，我有几个看起来像我希望它们在移动设备上的页面，例如您作为访客可以访问的所有Leaderboards以及登录时的其他几个页面。但出于某种奇怪的原因，＆＃34; News＆＃34;和＆＃34;关于＆＃34; （无法发布更多链接）当您将其与其他页面上的文本进行比较时，文字太大了......它看起来并不好看，根本不可读。

这是PHP代码：

require_once("./lib/config_data.php");
require_once("./lib/smarty/libs/Smarty.class.php");
include("navbar.php");

$tpl = new Smarty;
$tpl->display("./templates/news_head.tpl");

$directory = "./news/";
$i = 0;

foreach (new DirectoryIterator($directory) as $file) {
if($file->isDot()) continue;
$filename = $file->getFilename();
$myfile = fopen($directory.$filename, "r") or die("Unable to open file!");
$text = fread($myfile,filesize($directory.$filename));
$date = str_replace("-", ".", substr($filename, 0, 10));

$news_array[strtotime($date)]["text"] = $text;
$news_array[strtotime($date)]["date"] = $date;

fclose($myfile);
}

krsort($news_array);

$n = 1;
foreach ($news_array as $news)
{
if($n <= 4)
{
    $tpl->assign("DATE", $news["date"]);
    $tpl->assign("TEXT", $news["text"]);
    $tpl->display("./templates/news_article.tpl");
    $n++;
}
}


$tpl->display("./templates/news_footer.tpl");

我的模板：

<html>
<head>
<title>News</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<link rel="stylesheet" type="text/css" href="./style/main.css">
<link rel="icon" href="./favicon.png">
</head>
<body>
<main>
<h3>News</h3>

- 结束头

{$DATE}:
<p>{$TEXT}</p>
<br/>

- 最终文章

</main>
</body
</html>

- 结束页脚

我已经尝试过使用view-port标签，但由于网站的其余部分也在运行＃34;缩小＆＃34;风格（因为我不能在正常的手机屏幕上放置桌子）我不喜欢使用它。此外，由于这两个是唯一没有表格的两个网站，我尝试添加一些＆＃34;虚拟表格＆＃34;看它是否会正确缩放文本大小，但也没有成功。我在这里错过了什么？感谢您的帮助

SP

Answer 1

我自己找到了解决我特定问题的方法：

在之前尝试修复我使用

的样式

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

标签，以使网站表现得可预测......我的问题是＆＃34;缩小＆＃34;看起来很迷茫，我需要这个，因为我在其他页面上有桌子要求屏幕非常大（=＆gt;在移动设备上缩小）。

当时我没有意识到我可以修改初始规模的变量以获得我想要的东西......我在所有页面上都得到了这个：

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

稍后对我的css进行了一些小改动，我的网站看起来就像在手机上观看时一样。是的，它不是最漂亮的，但它是一致的和可用的。 :)

移动设备上的文字大小错误

1 个答案: