私のウェブサイトにはかなり奇妙な問題があります。問題は次のとおりです。 ウェブサイト(typez.bplaced.net)には、私が携帯で利用したいと思ういくつかのページがあります。例えば、ゲストとしてアクセスすることができるLeaderboards、 。 しかし、いくつかの奇妙な理由で、 "News"と "About"(他のリンクを投稿できません)は、他のページのテキストと比較すると大きすぎるテキストを持っています。すべて読むことはできません。最後の記事テキストがモバイルで正しくサイズ変更されていません
</main>
</body
</html>
-
<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>
--endヘッド
{$DATE}:
<p>{$TEXT}</p>
<br/>
:
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");
マイテンプレート:ここ
は、PHPのコードです--end footer
私はビューポートタグを使用しようとしましたが、ウェブサイトの残りの部分も「ズームアウト」スタイルを採用しているため(これはテーブルに合わせることができないためです)通常の電話画面)私はそれを使用して好きではありません。また、これらの2つはテーブルを持たない唯一の2つのサイトなので、テキストサイズを正しく拡大するかどうかを確認するために「ダミーテーブル」を追加してみましたが、成功しませんでした。 私はここで何が欠けていますか?私は
<meta name="viewport" content="width=device-width, initial-scale=1.0">
を使用していたスタイリングを修正する前の試行では
:私は私の特定の問題自分のために解決策を見つけたおかげで事前に助けを
SP
php/smartyの角度がここにあるのか分かりませんが、これはCSSの質問によく似ています。 – jeroen
mediaqueriesを使用して 'font-size'を下げるだけです – DarkBee
" @media screen and(max-width:960px) "を使用していますが、それは適用されません... –