2017-09-29 12 views
0

私のウェブサイトにはかなり奇妙な問題があります。問題は次のとおりです。 ウェブサイト(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

+1

php/smartyの角度がここにあるのか分かりませんが、これはCSSの質問によく似ています。 – jeroen

+0

mediaqueriesを使用して 'font-size'を下げるだけです – DarkBee

+0

" @media screen and(max-width:960px) "を使用していますが、それは適用されません... –

答えて

0

タグを使用してサイトを予測可能にするにはどうすればいいですか?私の問題は、「ズームアウト」の外観が失われてしまったことです。画面がかなり大きくなるように他のページにテーブルがあるためモバイル)。

私は私が欲しかったものを手に入れる最初のスケールの変数をいじくり回すことができることだった当時実現しなかった...私はすべての私のページにこれで終わった:

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

とA後で自分のウェブサイトにマイナーチェンジしても、モバイルで見たときのように見えます。はい、それはそこで最もきれいではありませんが、それは一貫して使用可能です。 :)

関連する問題