モバイルデバイスで自分のウェブサイトを開く際に問題がありますが、ノートパソコンのChromeウィンドウのサイズを変更するだけで問題はありません。携帯電話(HTML&CSS)でモバイル版のウェブサイトが表示されない
@media screen {
body{
background-image: url(background.jpg);
background-color: #FFFFFF;
color:darkgray;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
@media screen and (max-width: 480px) {
body{
background-color: pink;
color:black;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
<html lang="en">
<head>
<link rel="stylesheet" href="pac.css" media="screen" >
<link media= "screen and (max-width: 480px)" href="pac.css" rel="stylesheet">
</head>
</html>
それがモバイル上の作品ではありませんなぜたぶん誰かが、それができる知っています。
レスポンスのためにメタタグを追加するのを忘れました..これを追加して試してみてください.. '' –