모바일에서 텍스트의 크기가 잘못 조정되었습니다.

저는 웹 사이트에서 매우 이상한 문제가 발생했으며이를 해결하는 방법을 알고 있는지 궁금합니다. 문제는 다음과 같습니다. 웹 사이트 (typez.bplaced.net)에서 여러 페이지를 볼 수 있습니다. 예를 들어 게스트로 액세스 할 수있는 모든 Leaderboards과 로그인 한 다른 여러 페이지가있을 수 있습니다. 그러나 이상한 이유로 "News"과 "정보"(더 많은 링크를 게시 할 수 없음)는 다른 페이지의 텍스트와 비교할 때 너무 큰 텍스트를 가지고 있습니다 ... 좋은 모양이 아니며 isn이 아닙니다. 전혀 읽을 수 없다. 최종 기사모바일에서 텍스트의 크기가 잘못 조정되었습니다.

</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

필자는 뷰 포트 태그를 사용해 보았지만 웹 사이트의 나머지 부분에서도 "축소 된"스타일을 사용하고 있기 때문에 (테이블을 정상적인 전화 화면) 나는 그것을 사용하는 것을 좋아하지 않는다. 또한이 두 테이블은 테이블이없는 유일한 두 사이트이기 때문에 텍스트 크기를 올바르게 조정할 수 있는지 확인하기 위해 "더미 테이블"을 추가하려고 시도했지만 성공하지 못했습니다. 여기에 무엇이 누락 되었습니까? 스타일링을 해결하기 이전 시도에서

나는

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

을 사용했다 : 사전에 도움을 주셔서 감사합니다

출처

2017-09-29 The SibirianPns

php/smarty 앵글이 여기에 있는지 잘 모르겠 으면이 질문은 CSS 질문과 비슷하게 들립니다. – jeroen

mediaqueries를 사용하여'font-size'를 낮추십시오. – DarkBee

"@media 화면 및 (최대 너비 : 960px)"를 사용하고 있지만 적용하지 않습니다. –

는 나 자신이 내 특정 문제에 대한 해결책을 발견했습니다 태그를 사용하여 사이트가 예측 가능하게 작동하도록해야합니다. 그런 다음 내 문제는 "축소 된"모양이 사라져서 화면이 매우 커야하는 다른 페이지의 표가 있었기 때문에 필요했습니다 (=> 축소 모바일).

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

과 :

내가 다시 실감 나는 내가 원하는 것을 얻기 위해 초기 규모 변수 어설프게 수 있었다하지 않았다 무엇 ... 나는 내 모든 페이지에 이것으로 끝났다 내 CSS에 대한 사소한 변경 사항은 나중에 웹 사이트에서 볼 때처럼 내 웹 사이트에 표시됩니다. 그렇습니다, 그것은 가장 예쁜 것은 아니지만 일관되고 유용합니다. :)

출처

2017-10-06 17:11:41

모바일에서 텍스트의 크기가 잘못 조정되었습니다.

답변

관련 문제