TypechoJoeTheme

至尊技术网

统计
登录
用户名
密码
/
注册
用户名
邮箱

悠悠楠杉

网站页面
搜索到 215 篇与 的结果
2019-09-06

CSS用@media媒体查询进行响应式设计,什么是媒体查询

CSS用@media媒体查询进行响应式设计,什么是媒体查询
随着互联网的发展,各种智能手机,平板这些移动设备随处可见。那如何让我们的网站在各种移动端设备上都能合理布局呢? 为每一个设备写一套代码麻烦且工作量大。那么聪明的程序员们会用一套代码,就能让网站在不同大小的设备上合理显示。因此,响应式设计模型就产生了,其核心就是“媒体查询”。一、什么是媒体查询媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。二、@media 媒体查询的使用a.要在html文档中添加以下代码,用来兼容移动设备的显示效果<meta na...
2019年09月06日
720 阅读
0 评论
2019-08-23

畅言评论区右下角去广告代码最新可用

畅言评论区右下角去广告代码最新可用
适合还在用畅言的网站站长们使用。可用去除评论区横幅广告以及右边上面的悬浮广告,右下角正方形悬浮广告暂时无办法去除。代码如下:把代码复制到全局CSS文件中即可,如style.css.wrap-picture-show-gw{display:none} .wrap-action-gw{display:none} #baidu_new_ad{display:none} .advert-tip{display:none!important} .ws-u3782543{margin-top:-250px!important;transform:scale(0)}
2019年08月23日
695 阅读
0 评论
2019-08-16

IIS如何做http跳转https和伪静态的设置

IIS如何做http跳转https和伪静态的设置
网站的程序是wordpress,运行的web服务器 IIS ,网站升级成了https, 需要在 服务器 中做两个设置。第一: 跳转设置,从 http 跳转到 https 。第二: 支持伪静态,这里简单粗暴的方式,设置的是如果文件不存在,就重写到 index.php ,然后执行wordpress。完整的web.config 文件<?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <rewrite> <rules> <clear /> <rule name="HTTP to HTTPS redirect" enabled="true" stopProcessing="true"> ...
2019年08月16日
700 阅读
0 评论
2019-07-14

点击按钮后提示弹窗代码

点击按钮后提示弹窗代码
css代码:/*提示弹窗*/ ._toast{ position: fixed; z-index: 99999999; padding: 10px 20px; /*padding: 0.213333rem 0.213333rem;*/ background: rgba(0,0,0,.6); color: #fff; border-radius: 5px; /*border-radius: 0.133333rem;*/ left: 50%; top: 50%; font-size: 17px; /*font-size: 0.373333rem;*/ transform:translateX(-50%) translateY(-50%); font-style: normal; max-width: 500px; } js代码:// 提示弹窗 function toast(val,time){ if($("._toast").length==0){ $("body&quo...
2019年07月14日
669 阅读
0 评论
2019-07-03

sublime text 3安装方法以及注册码和CSS rem配置、常用插件

sublime text 3安装方法以及注册码和CSS rem配置、常用插件
sublime text 3安装方法(1)Package Control安装:菜单--》view-show console (或 按 ctrl + ` 键)如是sublime text 3 复制以下代码:import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha25...
2019年07月03日
776 阅读
0 评论