分辨率-html5移动端失败的问题

问题描述

html5移动端失败的问题

需要将项目做移动端的支持,项目当初的分辨率是960/640,现在做移动端支持需要要求页面不可以进行用户手动缩放,并且该页面需要占完整的一个屏幕,求教如何做
预计效果图和实际效果图如下

解决方案

1、禁止用户缩放很简单,head上加上 这个即可;

2、页面上的元素宽高都不要使用固定值,使用百分比来设置;

解决方案二:

刚刚第一个的代码没贴上去


解决方案三:

艾玛,csdn有bug;

""

解决方案四:

viewport content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"

时间: 2024-10-26 06:02:41

分辨率-html5移动端失败的问题的相关文章

android端发送消息到ios端失败...

问题描述 android端发送消息到ios端失败...ios端可以发送到android端android端与android可以互相发送不知道如何处理了.android用的3.0ios用的2.0 解决方案 用你的android端给ios的demo发下消息,把appkey的值相应的改过来,看看这个ios的demo能不能收到消息呢,如果不能都用demo测试下,看看是不是做了黑名单的操作.

javascript html5移动端轻松实现文件上传_javascript技巧

PC端上传文件多半用插件,引入flash都没关系,但是移动端要是还用各种冗余的插件估计得被喷死,项目里面需要做图片上传的功能,既然H5已经有相关的接口且兼容性良好,当然优先考虑用H5来实现. 用的技术主要是: ajax FileReader FormData HTML结构: <div class="camera-area"> <form enctype="multipart/form-data" method="post">

HTML5 移动端图片上传的实践

主要的思路是这样: 监听一个 input (type='file') 的 change 事件,然后拿到文件的 file; 把 file 转成 dataURL: 然后用 canvas 绘制图片,绘制的时候经过算法按比例裁剪; 然后再把 canvas 转成 dataURL; 再把 dataURL 转成 blob; 接着把 blob append 到 FormData 的实例对象. 最后上传. 主要用到的 FileReader.canvas.FormData.Blob 这几个 API. 开发过程遇到了

移动端HTML5页面端如何去掉input输入框的白色背景和边框的教程

前两天在开发在微信访问的HTML5页面,里面有个订单查询要选择时间,刚开始使用的<input type="date">输入框,没加任何的样式,效果是白色的背景再加上边框很丑,完全与整个背景不协调. 刚开始设置了输入框背景色透明(background-color:transparent;),在iOS上面背景色和边框都没有了,但是在andriod上边框和背景色还是存在.后来加上样式FILTER: alpha(opacity=0),在andriod中就去掉了边框和背景. 去掉背景

阿里无线11.11 | Weex——关于移动端动态性的思考、实现和未来

什么是动态性今天在移动端,尤其是像手机淘宝这样的 App 中,动态性问题逐渐成为一个比较棘手的问题.所谓动态性,就是把移动应用本身的灵活性.迭代更新的周期和成本优化到极致.比如手机淘宝的店铺首页,它允许商家实时装修自己的店铺,更新自家的商品.活动等信息:再比如淘宝.天猫每次大促的会场页面,要求我们非常灵活的及时调整界面信息和状态,确保在瞬息万变的活动当天紧跟促销节奏,应对各种突发情况. 为什么要解决动态化的问题动态性需求的出现有很多必然的因素:我们的移动应用背后是一个平台级甚至是生态级的电商系统

Ionic 3.4.2 发布,漂亮的 HTML5 移动应用框架

Ionic 3.4.2 发布了,Ionic Framework 是一个高级的 HTML5 移动端应用框架,也是一个很漂亮的使用 HTML5 开发混合移动应用的前端框架. 该版本修复了一个bug: rtl:使用多个方向来覆盖默认的ltr(548e182) 完整更新信息请查看发行首页. 下载地址: Source code (zip) Source code (tar.gz) 文章转载自 开源中国社区[https://www.oschina.net]

java读取用户登入退出日志信息上传服务端_java

本文实例为大家分享了读取用户登入出日志并上传服务端的具体实现代码,供大家参考,具体内容如下 该客户端运行在给用户提供unix服务的服务器上.用来读取并收集该服务器上用户的上下线信息,并进行配对整理后发送给服务端汇总. 具体实现代码: 1. DMSServer.java package com.dms; import java.io.BufferedReader; import java.io.File; import java.io.FileOutputStream; import java.i

基于javascript html5实现3D翻书特效_javascript技巧

这是一款十分炫酷的HTML5 3D书本翻页动画,效果相对比较简单,拖拽鼠标模拟用手翻页,更漂亮的是翻页过程中,呈现出逼真的3D立体效果.书本中的文字和图片也会3D展示,非常酷. 在线演示 源码下载 HTML代码 <div class="book p3d"> <div class="back-cover p3d"> <div class="page back flip"></div> <div

《Ext JS 4 First Look》翻译之二:全新的数据包

第二章 全新的数据包      Extjs 4引入新的数据包,其中新增了不少新类并对旧有的类作出了修整.使数据包更强大和更容易使用.  本章我们将学习一下内容: 2.1. 概述新特性 2.2. 新Model类       2.2.1. 字段声明 2.2.2. 合法性验证 2.2.3. 通过proxies和stores加载和保存数据 2.2.4. 通过关联(associations)建立model间的联系       2.2.4.1. 使用Ext.data.Model.hasMany属性来建立一对