128 lines
4.7 KiB
HTML
128 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
<link rel="stylesheet" href="./css/clear.css">
|
||
<link rel="stylesheet" href="./css/public.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
<style>
|
||
html {
|
||
font-size: 20px;
|
||
}
|
||
|
||
@media only screen and (min-width: 400px) {
|
||
html {
|
||
font-size: 21.33333333px !important;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 414px) {
|
||
html {
|
||
font-size: 22.08px !important;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 480px) {
|
||
html {
|
||
font-size: 25.6px !important;
|
||
}
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="header">
|
||
<img src="./img/logo.png" alt="">
|
||
<div class="dk">打开</div>
|
||
</div>
|
||
<div class="content">
|
||
<div class="pic">
|
||
<img src="./img/pic.png" alt="">
|
||
</div>
|
||
<div class="content_nr p_575">
|
||
<div class="title">香港24小时 | 8月25日发生了什么？暴力局面再次升级</div>
|
||
<div class="time">2019-04-30 10:45</div>
|
||
<div class="gn">
|
||
<div class="zuo">
|
||
<div class="sc">
|
||
<img src="./img/sc.png" alt="">
|
||
<span>收藏</span>
|
||
</div>
|
||
<div class="dz">
|
||
<img src="./img/dz.png" alt="">
|
||
<span>12</span>
|
||
</div>
|
||
</div>
|
||
<div class="you">
|
||
<span>简介</span>
|
||
<img src="./img/jj.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="xian"></div>
|
||
<div class="xgtj">
|
||
<p class="title">相关推荐</p>
|
||
<div class="xgtj_content">
|
||
<ul>
|
||
<li><a href="">
|
||
<img src="./img/ship.png" alt="">
|
||
<span>03:07</span>
|
||
<p>一生中总要有个夏天给海岛，我的9天8夜</p>
|
||
</a></li>
|
||
<li><a href="">
|
||
<img src="./img/ship.png" alt="">
|
||
<span>03:07</span>
|
||
<p>一生中总要有个夏天给海岛，我的9天8夜</p>
|
||
</a></li>
|
||
<li><a href="">
|
||
<img src="./img/ship.png" alt="">
|
||
<span>03:07</span>
|
||
<p>一生中总要有个夏天给海岛，我的9天8夜</p>
|
||
</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="xian"></div>
|
||
<div class="pl">
|
||
<p class="title">全部评论</p>
|
||
<div class="plxq">
|
||
<div class="pl_title">
|
||
<div class="pl_tx">
|
||
<img src="./img/tx.png" alt="">
|
||
<div class="wm">
|
||
<p class="w">呆小瓜</p>
|
||
<p>刚刚</p>
|
||
</div>
|
||
</div>
|
||
<div class="dz">
|
||
<img src="./img/dz.png" alt="">
|
||
<span>15</span>
|
||
</div>
|
||
</div>
|
||
<p class="plnr">这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字</p>
|
||
</div>
|
||
<div class="plxq">
|
||
<div class="pl_title">
|
||
<div class="pl_tx">
|
||
<img src="./img/tx.png" alt="">
|
||
<div class="wm">
|
||
<p class="w">呆小瓜</p>
|
||
<p>刚刚</p>
|
||
</div>
|
||
</div>
|
||
<div class="dz">
|
||
<img src="./img/dz.png" alt="">
|
||
<span>15</span>
|
||
</div>
|
||
</div>
|
||
<p class="plnr">这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字</p>
|
||
</div>
|
||
</div>
|
||
<div class="dibu">
|
||
打开APP查看全部评论
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |