移动web
关注
分享
扫一扫
spfLinux
这个作者很懒，什么都没留下…
展开
-
如何解决在手机浏览器调试前端程序出现的a链接跳转异常问题
直接用wamp的online功能，记得改http权限（百度教程，注意使用同一局域网）原创 2017-09-30 11:09:32 · 1681 阅读 · 0 评论 -
css 背景颜色占满一屏 高度自适应
<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" charset="utf-8"&原创 2018-02-28 16:35:44 · 6900 阅读 · 0 评论 -
移动端 position:fixed失效问题
当页面比较长时，滚动页面，发现设置的固定定位失效发现可以这样子解决将不是固定定位的其他元素放在一个div中，给这个div设置这样的样式：.con{ overflow-x:auto; overflow-y: scroll; }一切ok参考链接：点击打开链接...原创 2018-02-26 17:10:11 · 2955 阅读 · 0 评论 -
移动端开发模式
1、WebApp 理解1： 通过前端技术，编写的可以运行在手机浏览器端的网页，提供的用户体验，类似于app 理解2： 结合着前端技术，加上原生开发时WebView组件，生成的应用程序优势：跨平台2、NativeApp 调用官方所提供的SDK(software develop kit)中的控件来编程，生成安装在手机操作系统中的app转载 2018-01-30 11:23:25 · 480 阅读 · 0 评论 -
react native 各种居中
import React,{Component} from 'react';import {View,Text} from 'react-native';export default class Demo13Component extends Component{ render(){ return (转载 2018-01-31 17:40:33 · 1390 阅读 · 0 评论 -
react native fetch
import React,{Component} from 'react';import {Button} from 'react-native';export default class Demo10Component extends Component{ handlePress(){ fetch("http://176.51.6.120/admin/data/pr转载 2018-01-31 15:19:28 · 250 阅读 · 0 评论 -
react native TouchableOpacity(点击渐变) TextInput
import React,{Component} from 'react';import {View,Button,Text,TouchableOpacity,TextInput} from 'react-native';export default class Demo09Component extends Component{ handlePress(){ al转载 2018-01-31 14:07:54 · 656 阅读 · 0 评论 -
react native FlatList
高性能的列表组件import React,{Component} from 'react';import {View,Text,FlatList} from 'react-native';export default class Demo08Component extends Component{ constructor(){ super(); t转载 2018-01-31 10:39:38 · 286 阅读 · 0 评论 -
react native 路径对，但读取图片错误问题
import React,{Component} from 'react';import {Image,View} from 'react-native';export default class Demo03Component extends Component{ constructor(){ super(); this.state={原创 2018-01-30 19:23:36 · 1656 阅读 · 0 评论 -
react native搭建环境时遇到的问题
这里主要谈谈模拟器的问题。前面打算在电脑上安装海马玩模拟器，结果安装失败，当初不知道怎么解决。今天搭建模拟器时，首先尝试了在百度搜索上下载的Bluestacks蓝叠模拟器，结果发现Dev Settings窗口始终抖不出来，估计是bug。后面又尝试海马玩模拟器，通过驱动人生更新驱动后，发现可以安装了(主要是更新了显卡驱动)。后面发现这个版本的蓝叠模拟器可以用。原创 2018-01-30 19:06:44 · 392 阅读 · 0 评论 -
media媒体查询
1、根据不同的浏览设备加载不同的css Document hello world 根据不同的浏览设备加载不同的css Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem omnis in autem, et non explicabo nisi necessitatibus iu转载 2017-12-25 19:03:58 · 456 阅读 · 0 评论 -
移动web开发 meta头
width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。initial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。在移动设备浏览器上，通过为 viewport meta 标签添加 user-scalable=no 可以禁用其缩放（zooming）功能原创 2017-09-29 10:59:35 · 249 阅读 · 0 评论 -
max(min)-device-width和max(min)-width的区别
Document tinyScreen,css:body{ background: red;}smallScreen.css:body{ background: green;}当使用min-width和max-width时，css有效果。----------------------------------------------------------转载 2017-12-25 09:23:30 · 1268 阅读 · 0 评论 -
text-size-adjust（只用于移动端）
CSS参考手册.demo1 { -webkit-text-size-adjust: auto;} 请在移动设备上查看本例，设备尺寸的变化将会使得文本大小变化 摘录于：《CSS参考手册》转载 2017-10-13 14:30:33 · 947 阅读 · 0 评论 -
ios适配
1、input text有圆角在相应界面或css中添加样式：input[type="text"],input[type="number"]{ -webkit-appearance: none; border-radius: 0;}转载自：点击打开链接转载 2018-06-28 12:35:14 · 282 阅读 · 0 评论