126 lines
4.0 KiB
HTML
126 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>rem</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="open">打开</div>
|
||
</div>
|
||
|
||
<div class="content">
|
||
<div class="video">
|
||
<img class="banner" src="./img/banner.png" alt="">
|
||
</div>
|
||
<div class="video_info p_575">
|
||
<p class="title">香港24小时 | 8月25日发生了什么？暴力局面再次升级</p>
|
||
<div class="time">2019-04-30 10:45</div>
|
||
<div class="video_action">
|
||
<div class="action_left">
|
||
<div class="collect">
|
||
<img src="./img/collect_small.png" alt="">
|
||
<span>收藏</span>
|
||
</div>
|
||
<div class="zan">
|
||
<img src="./img/collect_small.png" alt="">
|
||
<span>12</span>
|
||
</div>
|
||
</div>
|
||
<div class="action_right">
|
||
<span>简介</span>
|
||
<img src="./img/collect_small.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="about p_575">
|
||
<div class="title">相关推荐</div>
|
||
<div class="content_1">
|
||
<ul>
|
||
<li>
|
||
<div class="pic">
|
||
<img src="./img/banner.png" alt="">
|
||
<span>03:07</span>
|
||
</div>
|
||
<div class="mess">
|
||
一生中总要有个夏天给海岛，我的9天8夜
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="pic">
|
||
<img src="./img/banner.png" alt="">
|
||
<span>03:07</span>
|
||
</div>
|
||
<div class="mess">
|
||
一生中总要有个夏天给海岛，我的9天8夜
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="pic">
|
||
<img src="./img/banner.png" alt="">
|
||
<span>03:07</span>
|
||
</div>
|
||
<div class="mess">
|
||
一生中总要有个夏天给海岛，我的9天8夜
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="pic">
|
||
<img src="./img/banner.png" alt="">
|
||
<span>03:07</span>
|
||
</div>
|
||
<div class="mess">
|
||
一生中总要有个夏天给海岛，我的9天8夜
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="pic">
|
||
<img src="./img/banner.png" alt="">
|
||
<span>03:07</span>
|
||
</div>
|
||
<div class="mess">
|
||
一生中总要有个夏天给海岛，我的9天8夜
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</body>
|
||
|
||
</html> |