移动端 640 750 1080

移动端不同分辨率适配--使用flexible

根据阿里手淘团队发布的可伸缩布局方案amfe-flexible,git地址:https://github.com/amfe/lib-flexible. 使用方法: lib-flexible库的使用方法非常的简单,只需要在Web页面的<head></head>中添加对应的flexible_css.js,flexible.js文件第一种方法是将文件下载到你的项目中,然后通过相对路径添加: <script src="build/flexible_css.debug.js

web前端-移动端响应式与自适应

一. 在HTML的头部加入meta标签在HTML的头部,也就是head标签中增加meta标签,告诉浏览器网页宽度等于设备屏幕宽度,且不进行缩放,代码如下: <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"> 简单分析一下这一行代码的含义:width=device

http、https 等常用默认端口号

⑴. HTTP协议代理服务器常用端口号:80/8080/3128/8081/9080⑵. SOCKS代理协议服务器常用端口号:1080⑶. FTP(文件传输)协议代理服务器常用端口号:21⑷. Telnet(远程登录)协议代理服务器常用端口:23 HTTP服务器,默认的端口号为80/tcp(木马Executor开放此端口):HTTPS(securely transferring web pages)服务器,默认的端口号为443/tcp 443/udp:Telnet(不安全的文本传送),默认端口号

面试题之-------使用TCP/UDP协议的常见协议及端口号

使用TCP协议的常见端口主要有以下几种: (1) FTP:定义了文件传输协议,使用21端口.常说某某计算机开了FTP服务便是启动了文件传输服务.下载文件,上传主页,都要用到FTP服务. (2) Telnet:它是一种用于远程登陆的端口,用户可以以自己的身份远程连接到计算机上,通过这种端口可以提供一种基于DOS模式下的通信服务. 如以前的BBS是纯字符界面的,支持BBS的服务器将23端口打开,对外提供服务. (3) SMTP:定义了简单邮件传送协议,现在很多邮件服务器都用的是这个协议,用于发送邮件

HTTP、HTTPS常用的默认端口号

端口号标识了一个主机上进行通信的不同的应用程序. 1.HTTP协议代理服务器常用端口号:80/8080/3128/8081/9098 2.SOCKS代理协议服务器常用端口号:1080 3.FTP(文件传输)协议代理服务器常用端口号:21 4.Telnet(远程登录)协议代理服务器常用端口号:23 HTTP服务器,默认端口号为80/tcp(木马Executor开放此端口) HTTPS(securely transferring web pages)服务器,默认端口号为443/tcp 443/ud

HTTP、HTTPS等常用服务的默认端口号

口号标识了一个主机上进行通信的不同的应用程序. 1.HTTP协议代理服务器常用端口号:80/8080/3128/8081/9098 2.SOCKS代理协议服务器常用端口号:1080 3.FTP(文件传输)协议代理服务器常用端口号:21 4.Telnet(远程登录)协议代理服务器常用端口号:23 HTTP服务器,默认端口号为80/tcp(木马Executor开放此端口) HTTPS(securely transferring web pages)服务器,默认端口号为443/tcp 443/udp

APP UI设计及切图规范

APP UI设计及切图规范 1.概述 1.1 编写目的该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档.部分内容来自网络收集修编,转载请注明由嗡嗡(iwengweng.cn) 整理. 1.2 读者对象项目实施工作组UI/UE设计人员. 2.色值规范系统采用统一色彩标注值,超出的需要进行登记管理. 色彩范围值:以通用字号C开头标识,在Android开发中对应相应的配置文件参考:Android开发设计规范 2.1 屏幕适配 Androi

大前端学习笔记整理【五】rem与px换算的计算方式

前言这段时间的小项目中算是真正意义上使用了rem来进行移动端的页面布局,项目结束了我反思了一下之前的对于rem的使用...原来我以前对rem用法完全是在搞笑啊!!结合这次这个小项目,我觉得我也有必要对rem布局以及用法进行一次总结. ps.文笔可能不太好... 1.什么是rem 来自于鹅厂ISUX团队的解释如下: rem(font size of the root element)是指相对于根元素的字体大小的单位.简单的说它就是一个相对单位.看到rem大家一定会想起em单位,em(font s

移动web开发之rem的使用

为什么要使用rem 移动端设备尺寸五花八门,单纯使用px这个单位无法轻易适配,rem就可以为我们解决这个问题! 如何使用rem 1rem默认等于16px,这是因为页面的默认字体大小就是16px.r 代表rootelement,因此只要修改html的font-size大小,就可以更改1rem的大小! 叮嘱UI设计师移动端的设计稿尺寸要做成640*750的!移动端的设计稿尺寸要做成640*750的!移动端的设计稿尺寸要做成640*750的!重要的事情说三遍!(640固定,高度可变) 当拿到图后一

uiautomator2 使用Python测试 Android应用

GitHub地址:https://github.com/openatx/uiautomator2 介绍 uiautomator2 是一个可以使用Python对Android设备进行UI自动化的库.其底层基于Google uiautomator,Google提供的uiautomator库可以获取屏幕上任意一个APP的任意一个控件属性,并对其进行任意操作,但有两个缺点: 1.测试脚本只能使用Java语言. 2.测试脚本必须每次被上传到设备上运行. 我们希望测试能够用一个更脚本化的语言,例如Pytho

CentOS 7.4 初次手记：第四章 CentOS安全了解

第四章 CentOS安全了解... 66 第一节 user.group.chmod. 66 I 10位文件属性... 66 II user/group增删改... 67 III user/group配置文件... 68 IV 进程权限... 70 第二节 visudo. 71 I 文件自带的示例... 71 II /etc/sudoers无法保护root密码... 71 III 示例... 71 IV Sudo -l #查看可用命令列表... 72 V root用户和sudo使用root权限的区

uiautomator2

uiautomator2 该项目正在火热的开发中 uiautomator2 是一个可以使用Python对Android设备进行UI自动化的库.其底层基于Google uiautomator,Google提供的uiautomator库可以获取屏幕上任意一个APP的任意一个控件属性,并对其进行任意操作,但有两个缺点:1. 测试脚本只能使用Java语言 2. 测试脚本必须每次被上传到设备上运行. 我们希望测试能够用一个更脚本化的语言,例如Python编写,同时可以每次所见即所得地修改测试.运行测

下载Instagram的图片

1.接口地址 https://www.instagram.com/p/shortcode/?__a=1 如何获取shortcode 比如说文章地址是https://www.instagram.com/p/BhxqnqtH9Ws/?taken-by=lanlan521425 那么其shortcode就是BhxqnqtH9Ws 所以上述url对应的json链接就是 https://www.instagram.com/p/BhxqnqtH9Ws/?__a=1 2.获取json然后命名jsonstr 然

如何把设计稿中px值转化为想要的rem值

首先我们需要的是把尺寸转化为rem值假如设计稿中的是 200px*200px的图片移动端的设计图尺寸一般是640*750; 第一步. 把图片分为若干份(好算即可),每一份的大小就是rem的单位这里举例为 640/20 = 32rem 第二步. 把设计图测量出来的尺寸转化为rem值 200/20 = 16px; 所以把当前的html的font-size调整为16px; 即可 3.在不同的设备中我们只需要去动态的设置html的font--size = 设备宽度/20 这样就完了啦

【转】TCP/IP协议栈及OSI参考模型详解

OSI参考模型 OSI RM:开放系统互连参考模型(open systeminterconnection reference model) OSI参考模型具有以下优点: 简化了相关的网络操作: 提供设备间的兼容性和标准接口: 促进标准化工作: 结构上可以分隔: 易于实现和维护. 20世纪60年代以来,计算机网络得到了飞速增长.各大厂商为了在数据通信网络领域占据主导地位,纷纷推出了各自的网络架构体系和标准,如IBM公司的SNA,Novell IPX/SPX协议,Apple公司的AppleT

lr各种问题以及解决办法

LR 脚本为空的解决方法: 1.去掉ie设置中的第三方支持取消掉 2.在系统属性-高级-性能-数据执行保护中,添加loadrunner安装目录中的vugen.exe文件遇到flight界面为空的解决的可能方法:1.如果安装了IE以外的浏览器,并且IE不是默认浏览器,则无法生成录制脚本2.如果录制脚本时IE不能打开,则需要将浏览器的IE工具高级选项中,将“启用第三方浏览器扩展”的勾选去掉3.lr自带的webtours系统,如果点击Flights选项,出现空白页面,请检查本机oracle的 P

软件测试面试（2）LR篇

一:LoadRunner常见问题整理 1.LR 脚本为空的解决方法: 1.去掉ie设置中的第三方支持取消掉 2.在系统属性-高级-性能-数据执行保护中,添加loadrunner安装目录中的vugen.exe文件. 有可能是由于录制的URL地址采用的是localhost的问题,改成分配的IP地址或127.0.0.1试试. 3.插入文本检查点步骤时,使用web_reg_find,通常TextPfx和TextSfx中会包含双引号,需要进行转义(用斜杠),例如: web_reg_find("Search

Java 报表之JFreeChart(第二讲)

1.利用 JFreeChart 创建按颜色分类的水果销售报表 package com.wcy.chart.bar; import javax.servlet.http.HttpSession; import org.jfree.chart.ChartFactory; import org.jfree.chart.JFreeChart; import org.jfree.chart.plot.PlotOrientation; import org.jfree.chart.servlet.Servl

移动Web应用开发入门指南——视觉篇

视觉篇智能移动设备由于发展历史短,但更新速度快,从而导致移动设备的物理属性差异巨大,其中一部分物理属性影响视觉,另一部分影响到交互.兼容或性能.对人类来说,至少有80%以上的外界信息通过视觉获得,视觉是人和动物最重要的感觉,所以,咱们从视觉开始说起. 看一个案例: 访问m.3600.com首页,首页焦点图,在iPhone 4下显示如下,焦点图两侧没有空白:图1 但在Samsung Galaxy S4下,焦点图两侧就有明显的留白:图2 在这个应用场景中,页面的展示效果由于设备的物理分辨率不同而产

LR 常见问题收集及总结

一:LoadRunner常见问题整理 1.LR 脚本为空的解决方法: 1.去掉ie设置中的第三方支持取消掉 2.在系统属性-高级-性能-数据执行保护中,添加loadrunner安装目录中的vugen.exe文件. 有可能是由于录制的URL地址采用的是localhost的问题,改成分配的IP地址或127.0.0.1试试. 3.插入文本检查点步骤时,使用web_reg_find,通常TextPfx和TextSfx中会包含双引号,需要进行转义(用斜杠),例如: web_reg_find("Search

转载：LoadRunner11-遇到问题及解决办法

转自:http://4951507.blog.51cto.com/4941507/1108733 1.LoadRunner超时错误:在录制Web服务器端,如果超过120秒服务器协议脚本回放时超时情况经常出现,产生错误的原因也有很多,解决的方法也不同. 错误现象1:Action.c(16): Error -27728: Step download timeout (120 seconds) has expired when downloading non-resource(s). 错误分析:对于H

移动端 640 750 1080

热门专题