タグ・デザイン掲示板

[

スマホで小説画面の表示がランダムで変わってしまう
by しん

2018-11-05 14:51
検索しても出てこなかったので質問させて下さい。
ナノで小説を書いておりPCでは表示に問題ないのですがスマホからだと画面が二通りランダムに表示されてしまいます。
小説が読みやすい画面とそうでない画面がランダムでどちらか表示されているのでそれを統一したいなと思っているのですが原因がわかりません。
どなたか教えていただけると助かります。

以下小説ページのタグです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>

<script src="アクセス解析"></script><meta name="robots" content="none,noarchive,nosnippet" />
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<link rel="shortcut icon" href="/favicon.ico" />
<style type="text/css" media="screen , projection">
html,body,
div,p,
ul,li,dl,dt,dd,
h1,h2,
form { margin: 0; padding: 0; }

html { overflow-y: scroll; }

html,body { height: 100%; }

body {
background: #99ccff url(素材URL);
color: #000;
font: 78%/1.6 Verdana, 'メイリオ', Meiryo, 'ＭＳＰゴシック', sans-serif;
text-align: center;
}

a { text-decoration: none; }
a:link { color: #19448e; }
a:visited { color: #f60; }
a:hover ,a:active { background: #19448e; color: #fff; }

a.img { background: none; }
a img,img { vertical-align: middle; border: 0; }

#wrap {
max-width: 800px;
margin: 0 auto;
text-align: left;
}

* html #wrap { width: 800px; } /* for ie6 */

#main { padding: 50px 20px 20px; }

#nav { position: relative; }
#nav ul {
position: absolute; bottom: -50px; right: 0;
width: 145px; height: 30px; }
#nav li { display: inline; list-style: none; padding-left: 15px; }
#nav form { margin-top: -2em; margin-left: 105px; }
#nav form p { margin: 0; }
#nav a { display: inline-block; width: 30px; height: 30px; }

#wrap + div { padding-bottom: 10px; }

dl,p { margin: 1em 0; }

input { vertical-align: middle; }
input + input { margin-left: 0.2em; }
input[type="text"] {
width: 5em;
height:auto;
padding: 0.1em 0; }
input[type="submit"] {
width:3em;
height:auto;
padding-left: 0.2em; padding-right: 0.2em;
font-family: Constantia, Georgia, sans-serif; }

/***** contents *****/
h1 {
width: 80px; height: 60px;
background: url(素材URL) no-repeat right;
color: #fff; font: bold 122%/3.5 Constantia, Georgia, sans-serif;
}
h2 {
margin-bottom: 1em; border-bottom: #fff 1px dotted;
color: #fff; font-size: 122%;
font-family: Constantia, Georgia, sans-serif; font-weight: bold;
}

.lineup1 { float: left; }
.lineup2 { float: right; }
.lineup1,.lineup2 { width: 49%; }

.clear { clear: both; margin: 2em 0; text-align: right; }

ul { list-style: inside disc; }

.none { display: none; }

/****** Media Queries ******/
@media screen and (max-width: 750px) {
.none { display: block; }
.lineup1 { float: none; }
.lineup2 { float: none; }
.lineup1,.lineup2 { width: 100%; margin-bottom: 3em; }
.clear { margin-bottom: 3em; }
}

/***** text *****/
#wraptext1 {
overflow: auto;
max-width: 600px;
margin: 0 auto;
background-color: #eee;
border-left: #8bf 3px solid;
border-right: #8bf 3px solid;
border-bottom: #8bf 3px solid;
text-align: left;
}

* html #wraptext1 { width: 600px; } /* for ie6 */

#wraptext2 {
overflow:auto;
border-left: #69f 2px solid;
border-right: #69f 2px solid;
border-bottom: #69f 2px solid;
}
#text {
padding: 60px 40px;
border-left: #699 1px solid;
border-right: #699 1px solid;
border-bottom: #699 1px solid;
font-size: 112%;/*小説文字サイズPC*/
line-height: 2;
}

#wraptext1 + div { padding: 10px 0; }

</style><title>text | ナノ</title>
<style></style></head>
<body bgcolor="#99ccff" text="#000000" link="#19448e" vlink="#ff6600" alink="#ffffff" style="background-image:url(素材URL);

background-position:0 0;">

<div align="center" ><div style="margin:10px 0"><a href="https://d-love.net/?utm_source=nanos&utm_medium=text&utm_campaign=nanos_footer_ad">アクセス制限機能充実<br />夢小説のDLove</a></div></div>
<div align="center">
<a href="https://nanos.jp">- ナノ -</a></div>

<noscript><p><img src="アクセス解析"></p></noscript><div id="wraptext1"><div id="wraptext2"><div id="text">#text#</div></div></div>



</body>
</html>

pc
[編集]

by 匿名

2018-11-05 23:24
ホムペ設定→共通HEAD→デフォルトのHEAD内タグを出力する　にしてみては

それで解決しない場合、
<noscript><p><img src="アクセス解析"></p></noscript><div id="wraptext1"><div id="wraptext2"><div id="text">#text#</div></div></div>
↑が文章画面レイアウトだとしたら全体レイアウトの書き出しもお願いします。

pc
[編集]

by しん

2018-11-06 18:49
匿名さま

デフォルトのHEAD内タグを出力する、で見やすいスマホ向けの画面が出るようになりました。助かりました、ありがとうございます！

pc
[編集]

[