content

浏览器兼容性问题:页面错乱 兼容模式和急速模式

我是研究僧i 提交于 2019-12-08 00:12:53
在做web工程时总是出现兼容模式css样式就没有了,整个页面就错乱了的现象。 看了这篇文章会对浏览器的模式有一些了解http://old.ui3g.com/artdetail.aspx?id=153 IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式: <metahttp-equiv="X-UA-Compatible"content="IE=8"><!--以IE8模式渲染--> <metahttp-equiv="X-UA-Compatible"content="IE=7"><!--以IE7模式渲染--> 还有一种情况,在IE8下只有不使用兼容模式页面才能显示正常,但是如果设定为IE8的模式,在IE9中却会导致 CSS3 失效。看来,需要针对 IE8、IE9 分别 禁用兼容模式。怎么办呢?可以在后台判断浏览器版本,如果是IE8就输出content="IE=8",如果是IE9就输出content="IE=9"。其实还可以单纯通过HTML来实现的,HTML代码如下: <metahttp-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE"> 经 测试 后完美解决了兼容模式问题

HTML手机端屏幕适配

巧了我就是萌 提交于 2019-12-07 23:45:10
<meta charset= "UTF-8" > <meta name= "viewport" content= "width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" > <meta name= "apple-mobile-web-app-capable" content= "yes" /> <meta name= "apple-mobile-web-app-status-bar-style" content= "black-translucent" /> <meta name= "format-detection" content= "telephone=yes" /> <meta name= "msapplication-tap-highlight" content= "no" /> <meta http-equiv= "X-UA-Compatible" content= "IE=Edge,chrome=1" > //CSS里使用rem代替px,JS里根据屏幕大小修改rem的值 window.setFontSize = function () { var size = document.documentElement.clientWidth

前端手机页面的适配css

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-07 23:42:51
我之前一直不知道同一个网页,手机页面和PC页面,怎么呈现出不同的效果呢? 这个不同,不是说放大缩小的那种不同,而是布局就不同了。 今天我百度了下,看到了解惑的CSS代码 @media only screen and (max-width: 767px) 顾名思义,最大不超过767px宽的屏幕适用以下css 这里可以举个例子 PC端: 手机端: 但是这里有一点,就是PC端将他给缩小,也会有手机端效果: 学到了学到了 这里再贴一般的主流配置: 1200px+ @media screen and (min-width:1200px){ #page{ width: 1100px; }#content,.div1{width: 730px;}#secondary{width:310px} } 1100px @media screen and (min-width: 960px) and (max-width: 1199px) { #page{ width: 960px; }#content,.div1{width: 650px;}#secondary{width:250px}select{max-width:200px} } 880px @media screen and (min-width: 768px) and (max-width: 959px) { #page{ width:

【程序功能设计】先写一个在线留言本,实现用户的在线留言功能,留言信息存储到数据库,要求书籍数据表内容以及使用PHP编码完成。

冷暖自知 提交于 2019-12-07 22:40:16
文章目录 一、考点 1、数据表设计 分析数据表结构 留言板有哪些信息需要存储? 2、数据表创建语句 3、选择PHP连接数据库的方式 1)PDO【推荐使用】 2)MySQLi 3)MySQL库 4、编码能力 1)PDO的基本操作 2)操作数据库代码 3)代码实现 二、解题方法 三、真题 设计一个无限分类表 1)方法一:存 id,title,在表中加一个 `pid`,再配合递归实现。【推荐使用】 2)方法二:存 id,title,加 `pid` 和 `path` (path是为了显示顺序,如果不加 path的话,需要用递归才能把级别显示出来) 综上所述,此题推荐使用 `pid` + 递归的方法实现,`pid` 关联的是 `主键ID`。 一、考点 1、数据表设计 分析数据表结构 留言板有哪些信息需要存储? 留言信息 :ID,留言标题,留言内容,留言时间,留言人 2、数据表创建语句 // 留言本表 message create table message( id int unsigned not null auto_increment primary key, title varchar(120) not null default '', content varchar(255) not null default '', created_at int unsigned not null

X-UA-Compatible属性的解释

谁说胖子不能爱 提交于 2019-12-06 17:41:35
问题描述: 代码如下: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" /> 1、这个到底是什么意思? 2、一些示例使用”,”分离IE的版本,而一些使用”;“,哪个正确? 3、我想知道IE=9; IE=8; IE=7; IE=EDGE顺序的含义。 在文档中使用了<!DOCTYPE> 答复: 对于IE8及以上版本,例如: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" /> 强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果用分号(;)分隔,对于不同的浏览器版本就有不同的兼容性,例如 <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" /> 以上就表明,将IE8和IE7按照IE7标准渲染,但是IE9还是按照IE9的标准渲染。它允许有不同的向后兼容水平。尽管在真实情况中,你只要选择一种版本: 代码如下: <meta http-equiv="X-UA-Compatible" content="IE=8" /> 这对于测试和维护会更加简单。而通常更加有用的方式就是进行仿真模拟 代码如下: <meta http-equiv="X-UA

django_settings源码解析

梦想的初衷 提交于 2019-12-06 15:11:05
目录 配置文件插拔式设计: 简单版: 复杂版 importlib 与`__import__的区别: 配置文件插拔式设计: 项目配置文件插拔式设计: 基于django settings源码实现自己项目配置文件插拔式设计 基于django 中间件的思想 实现功能的配置使用: --在setting文件可控制多功能的执行!!! 简单版: #简单版: #notify.py def send_email(content): print('邮箱通知:%s'%content) def send_msg(content): print('短信通知:%s'%content) def send_wechat(content): print('微信通知:%s'%content) #start.py from XX.notify import * def send_all(content): send_msg(content) send_email(content) send_wechat(content) if __name__ == '__main__': send_all('再坚持一天就周末了') 复杂版 #复杂版: #start.py (执行函数) from notify import * if __name__ == '__main__': send_all('好嗨哦') #settings.py

PHP提交表单验证全方面

一世执手 提交于 2019-12-06 11:41:49
对一个接收自由提交表单数据的文件进行安全性分析,希望对各位有帮助。首先说明一下,代码中的error()和succeed()是我自定义的函数,用于显示错误信息和成功信息,其实也可以直接echo出错误信息,这里我只是想我的出错信息页面漂亮点,定义了一个页面输出的函数罢了。 <?php // savecomment.php// 大家先不要看注释,看完本文后,再回过头来看 require ("config.php"); mysql_connect($servername,$dbusername,$dbpassword) or die ("数据库连接失败"); $name=$HTTP_POST_VARS[';name';]; $content=$HTTP_POST_VARS[';content';]; $blogid=$HTTP_POST_VARS[';blogid';]; $datearray=getdate(time()); $date=date("Y-m-d h:i:s",$datearray[0]); if (!empty($name) && !empty($content)){ //用empty函数判断表单非空的话则往下。 if(strlen($name) > 20){ //通过非空判断则开始判断$name的长度。 error(“名字超过20个字节(20个英文或10个汉字)<br>

例子---PHP与Form表单之一

断了今生、忘了曾经 提交于 2019-12-06 11:41:10
话不多说,大家都着急过双十一呢对不对,这里萍子,直接上代码,解释它的意思,这个文件很简单,很好理解。其实就是简单模拟了一下留言版的数据的获取,连展示都没展示,简单吧?OK,上代码: <?php if (! empty ( $_POST [ 'submit' ])){ $userName = htmlspecialchars( $_POST [ 'userName' ]); //转义字符为实体呈现出来 $userName = htmlspecialchars( $_POST [ 'content' ]); $fp = fopen( "test.txt" , "a+" ); while (!feof( $fp )){ //feof()函数判断文件指针是否到了文件末尾,是返回true,否返回false $str = fgets( $fp ); } fwrite( $p , $userName . " " . $content . "\n" ); //把存入TXT文件的信息,拼接起来,用空格隔开 fclose( $fp ); } ?> < form action = "" method = "post" > 留言人: < input type = "text" name = "userName" /> < br /> 留言内容: < input type = "text" name =

jQuery_插入操作

删除回忆录丶 提交于 2019-12-06 10:32:05
jQuery的插入方法有很多,有内部插入,也有外部插入,每个插入方式里面还有很多种,本文一一介绍,注释在代码里,直接上代码: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文档处理_插入操作</title> <script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> /** * 需求 * 在id=edu下增加<option value="大专">大专</option> */ /** * 方法分析: * 内部插入 * 1.append(content):内部结尾处,将B追加到A里面去 * 2.appendTo(content):内部结尾处,将A追加到B里面去 * 3.prepend(content):内部开始处,将B追加到A里面去 * 4.prependTo(content):内部开始处,将B追加到A里面去 * 外部插入 * 1.after(content):外部,将B追加到A后面 * 2.before(content):外部,将A追加到B前面 * 3.insertAfter(content):外部,将A追加到B后面 * 4

python3使用smtplib发送邮件,带xlsx附件

谁说我不能喝 提交于 2019-12-06 09:53:08
一、概述 最近在做一个统计报表,需要发送邮件,并带附件的。 在之前的文章中 https://www.cnblogs.com/xiao987334176/p/10022026.html 已经实现了发送邮件,但是没有实现发送附件功能。 二、正式代码 #!/usr/bin/env python3 # coding: utf-8 import smtplib # 加载smtplib模块 from email.mime.text import MIMEText from email.utils import formataddr from email.mime.multipart import MIMEMultipart from email.mime.application import MIMEApplication class SendMail(object): def __init__(self,sender,title,content): self.sender = sender #发送地址 self.title = title # 标题 self.content = content # 发送内容 self.sys_sender = '123456@163.com' # 系统账户 self.sys_pwd = '123456' # 系统账户密码 def send(self,file