移动传媒,我的地盘我做主!

HTML响应式布局

2019/07/29 10:00 于 天天向上 0

出现背景:比如,篇幅很长的文章在手机端预览时,会出现很长的横向滚动条。
基本定义:为不同终端的用户提供更加舒适的界面和更好的用户体验。简而言之,就是一个网站能够兼容多个终端。
根本宗旨:写一次代码,跑在一万种设备上
核心思想:不就是设置宽度么?
实现方式:根据不同设备,设置不同CSS样式,设置该设备支持的页面宽(高)。


<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>响应式布局</title>        
        <!--
            当设备最大宽度大于320px时,不再使用 mobile.css的样式
            即:设备宽度在320px以内时,使用移动端样式,mobile样式
        -->
        <link rel="stylesheet" href="css/pc.css" media="only screen and (min-width:1200px)"/>
        <link rel="stylesheet" href="css/pc_zd.css" media="only screen and (min-width:980px) and (max-width:1199px)"/>
        <link rel="stylesheet" href="css/pad.css" media="only screen and (min-width:768px) and (max-width:979px)"/>
        <link rel="stylesheet" href="css/shouji.css" media="only screen and (min-width:480px) and (max-width:767px)"/>
        <link rel="stylesheet" href="css/mobile.css" media="only screen and (max-width:479px)"/>
</head>

<body ondragstart="return false" oncontextmenu="return false" onselectstart="return false">
        <div>
            <p>
            响应式布局
            </p>
        </div>
    <div></div><div></div><div></div></body>
</html>

盘古文化研究会  
广东.清远

旅.叶

2019/07/26 06:28 于 天天向上 1

巴巴地在望着
高原丘陵 山川平原
尽展一图
心情好的时候
就把自己弱化进去
像融化格陵兰千年的寒冰
七大洲四大洋轮换着游历
这些美好的事物
把我往光明的彼岸带去
所以我内心的波澜一次次激起
它们炽热 它们跳跃
拥抱着撒哈拉的沙粒

晴空万里
我不适宜肝肠寸断
忧愁的属性原不适合逗留
一如灯下伴读的红袖
于是我走了
留下了阴雨
却带着了海风

大把青春
挥洒成回赠北方的狂流
这人间情事
快惚如季风
是从北方的冷酷
吹向南方的愁闷

如果给你寄一本书
我不会寄给你诗歌
我要给你一本
壮美的山河之书
告诉你昼长夜短的变化
告诉你海风陆风的差别
告诉你一片
常绿阔叶随风逐流的春天


盘古文化研究会  
广东.清远

MYSQL 返回日期

2019/04/15 20:20 于 天天向上 0

日期格式化:
DATE_FORMAT(date,format)
%Y:年,4位;
%y:年,2位;
%M:月,月名称,如January;
%m:月,2位(01-12);
%D:日,如1st,2nd;
%d:日,2位(01-31);
%H:时,2位,24小时制;
%h:时,12小时制;
%i:分,2位(00-59);
%S或%s:秒,2位(00-59);
%p:PM 或AM;
%r:HH:mm:ss PM形式时间;
%W:周,周名,如Tuesday;
%w:周,0-6,0为周日;
%j:当前日期所在一年中的天数,3位(001-366)。
两日期相减:
DATE_DIFF(date1,date2);
datediff(CURDATE(),'20180920'));

DATE(date|datetime):
提取date或datetime 的日期部分。

1、CURDATE()、CURRENT_DATE()、CURRENT_DATE:
同义,返回当前日期,如:2017-11-14。

注:
返回yyyy-MM-dd 或yyyyMMdd形式,取决于函数是否与一个分数(包括整数)进行了四则运算,进行了该运算将返回第二种形式。对CURTIME()等同理。


盘古文化研究会  
广东.清远
12