手机端模板的套用

最新推荐文章于 2019-09-22 10:55:00 发布

瞄了个猫

最新推荐文章于 2019-09-22 10:55:00 发布

阅读量813

点赞数

分类专栏： DIV

本文链接：https://blog.csdn.net/qq_34648000/article/details/52785427

版权

DIV 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一、手机端的html代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<!-- begain次要头部代码块 -->
<meta name="renderer" content="webkit|ie-comp|ie-stand"> 
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
<meta name="wap-font-scale" content="no">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- end次要头部代码块 -->
<title>手机站模板设置__默认模板套用</title>
<meta name="description" content="{$description}" />
<meta name="keywords" content="{$keywords}" />
<link rel="stylesheet" type="text/css" href="./css/style.css">
<script src="./js/javas.js"></script>
</head>
<body>
<div class="warp">
<p style="font-size:1.5rem;">什么叫做“神凝”呢？《黄帝》篇里就有“用志不分，乃疑（通凝）于神”的话。指用心专一。当然，这“神”与“凝”，都不是停滞的，枯死的，而是如《周易》里《系辞·上》所说：“唯神也，故不疾而速，不行而至。”也就是说，“神”是可以超越空间而自由驰骋的。具体到文章写作，也就是如上文所说，“神”是有趋向性的，富于动感的。</p>
</div>
</body>
</html>

二、手机端的css代码

@charset "utf-8";
/* CSS Document */
/* È¥µôiPad iPhone inputÄ¬ÈÏcssÑùÊ½ */
 input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button{-webkit-appearance:none;}
/**ÊÖ»úÍ¨ÓÃÑùÊ½**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,em{margin:0;padding:0;word-wrap:break-word;}
input, textarea, button, a{-webkit-tap-highlight-color:rgba(0,0,0,0);} 
html{background:#fff;color:#333333;font-family:Microsoft YaHei, Arial, Helvetica, Tahoma, Helvetica, SimHei,"Î¢ÈíÑÅºÚ", sans-serif;}
ul,ol,li,dl{margin:0;padding:0;list-style-type:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
img,border{margin:0;border:0;font-size:0;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;}
a:hover,a:active,a:focus,a:active{text-decoration:none;color:#1d64b1;}
i,s,em{text-decoration:none;font-style:normal;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;/* For some Androids */}
html{-webkit-text-size-adjust:none;}
img{border:0;vertical-align:middle;max-width:100%;height:auto;width:auto\9;-webkit-touch-callout:none;}


body{font: normal 100% Helvetica, Arial, sans-serif;}
/* 使用相对大小的字体*/
.warp{  
margin:0 auto;max-width:640px;min-width:240px;background:#fff;padding:0 0 0.2rem;
/* 设置默认的屏幕宽度 */
overflow:hidden;
-webkit-box-shadow:0px 0px 10px #bbbbbd;
-moz-box-shadow:0px 0px 10px #bbbbbd;
box-shadow:0px 0px 10px #bbbbbd;
/* For IE 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#bbbbbd')";
/* For IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, 
Color='#bbbbbd');}

瞄了个猫

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
手机端模板的套用

一、手机端的html代码<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-s
复制链接

扫一扫