手机网站
关注
分享
扫一扫
cookie-niu
资料仅供个人学习使用。参考请谨慎。本人不负责。
展开
-
手机展示台式机网站内容不是很居中的问题
原因：由于我们大部分移动设备默认的viewport都是980px解决办法类似下面，直接修改显示宽度：<meta name="viewport" content="width=1004px" />原创 2019-11-25 16:02:21 · 274 阅读 · 0 评论 -
CSS3 实现电脑端和手机端页面自适应
1、通过link方法link方法引入媒体类型其实就是在<link>标签引用样式的时候，通过link标签中的media属性来指定不同的媒体类型。这种方式引入媒体类型时常跟着引用的样式文件走，如下所示。<!--手机端--><link rel="stylesheet" type="text/css" href="style_phone.css" media="sc...转载 2019-04-01 15:41:32 · 4387 阅读 · 1 评论 -
微信JS接口
在这篇微信公众平台开发教程中，我们将介绍如何在网页中实现发送给朋友和分享到朋友圈时内容参数自定义的功能。本文分为以下二个部分：生成JS-SDK权限验证签名实现发送给朋友和分享到朋友圈时内容参数自定义一、微信JS-SDK1. 获得Access Tokenaccess token的获得方法在前面有介绍，详情见 微信公众平台开发(26) ACCESS TOKEN2. 获取jsapi_ticket生成签名...转载 2018-05-08 16:31:35 · 1362 阅读 · 0 评论 -
微信分享图标设置，以及wx.config配置
最近公司要求我做一个关于页面分享微信显示小图和描述的功能，由于之前没有做过，所以说是从零开始，看jssdk说明文档，网上搜索各种资料，甚至连三四年前的内容都搜索出来了，也试过以前的简单方法，包括在页面设置一个隐藏的图片，宽高都是300像素，微信就会抓取这张图片做为分享图片，但经本人测试无法使用，后来查到了原因，是微信对自定义分享内容作了限制，于是最终还是得回到配置wx.config上来。12345...转载 2018-05-08 15:50:05 · 2431 阅读 · 0 评论 -
微信公众平台开发入门教程
关键字：微信公众平台开发作者：方倍工作室 在这篇微信公众平台开发教程中，我们假定你已经有了PHP语言程序、MySQL数据库、计算机网络通讯、及HTTP/XML/CSS/JS等基础。我们将使用微信公众账号方倍工作室作为讲解的例子，二维码见底部。本系列教程将引导你完成如下任务：创建新浪云计算平台应用启用微信公众平台开发模式体验常用接收消息及发送消息类型了解数转载 2017-04-29 10:32:36 · 644 阅读 · 0 评论 -
真正实用的ASP判断手机访问并跳转的代码
HTTP_ACCEPT=Request.ServerVariables("HTTP_ACCEPT") '获取浏览器信息HTTP_USER_AGENT=LCase(Request.ServerVariables("HTTP_USER_AGENT")) '获取AGENTHTTP_X_WAP_PROFILE=Request.ServerVariables("HT转载 2017-03-16 11:05:07 · 3015 阅读 · 0 评论 -
真正实用的ASP判断手机访问并跳转的代码
HTTP_ACCEPT=Request.ServerVariables("HTTP_ACCEPT") '获取浏览器信息HTTP_USER_AGENT=LCase(Request.ServerVariables("HTTP_USER_AGENT")) '获取AGENTHTTP_X_WAP_PROFILE=Request.ServerVariables("HT转载 2017-03-14 10:43:13 · 1771 阅读 · 0 评论 -
利用@media screen实现网页布局的自适应,@media screen and
开始研究响应式web设计，CSS3 Media Queries是入门。Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。那么，Media Queries是如何工作的？两种方式：一种是直接在link中判断设备的尺寸，然后引用不同的css文件：转载 2016-12-30 15:47:15 · 667 阅读 · 0 评论 -
dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算
一、基本概念dip ： Density independent pixels ，设备无关像素。dp ：就是dippx ： 像素dpi ：dots per inch ， 直接来说就是一英寸多少个像素点。常见取值 120，160，240。我一般称作像素密度，简称密度density ： 直接翻译的话貌似叫 密度。常见取值 1.5 ， 1.转载 2016-12-30 11:42:05 · 570 阅读 · 0 评论 -
屏幕尺寸，分辨率，像素，PPI之间到底什么关系？
今天我给大家来讲讲这几个咱们经常打交道的词到底啥意思，以及他们之间到底有什么关系。这篇文章是我花了一个下午从N多篇文章里提炼出的一个白话版，保证让你看得懂。咱们从手机开始说起吧。先上一张图，给大家看看关于手机屏幕方面的一些参数。红框内的三个参数，大家一定都不陌生，我也不陌生。不过讲真的，就在不久前，我连手机的屏幕尺寸到底是怎么算出来的都不知道。下面我们开始慢慢讲。转载 2016-12-30 09:38:35 · 1144 阅读 · 0 评论 -
手机版头部声明细则
一. css部分body如果设置height:100%;overflow:hidden是依然可以滑动的，如果需禁止，要再加一层div设置 height:100%加overflow：hidden（html,body加height:100%） ，这样元素超出body的高度也不能滑动了。或者同时给html，body加height:100%;overflow:hiddenmeta标签转载 2016-11-17 21:59:53 · 357 阅读 · 0 评论 -
Meta标签中的format-detection属性及含义
format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置：meta name="format-detection" content="telephone=no"meta name="format-detection" content="email=no"me转载 2016-11-17 21:44:58 · 319 阅读 · 0 评论 -
正确的手机头部声明（android，iphone）
xxxx 这里面有个meta标签很重要，viewport。1.什么Viewport？手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的Safari浏览器转载 2016-11-17 21:26:45 · 520 阅读 · 0 评论