移动端网站的学习总结

1.viewport定义的解析

1. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" >

（1）强制让文档与设备的宽度保持1：1；

（2）文档最大的宽度比列是1.0（initial-scale初始刻度值和maximum-scale最大刻度值）；

（3）user-scalable定义是否可缩放（0为不缩放），使页面固定设备上面的大小。

2.flexbox页面布局（多栏式布局）

时间： 2024-10-13 21:59:52

移动端网站的学习总结的相关文章

swiper 、css3制作移动端网站，折叠导航

swiper .css3制作移动端网站,折叠导航 前几天公司要更新改版移动端的官网,由于网站本身没有多少内容,所以设计师就做成了整屏滑动的样子,起初我并没有看设计稿就一口答应了,拿到手后发现了几个问题让我不知道选用fullpage还是选择swiper来写这个项目.下图就是这个项目完成的效果. 问题1:整屏滑动两个插件都可以用,但是移动端用swiper偏多的 问题2:网站的导航要随着页面更新跳转 这里fullage还是很实用的 问题3:我想用swiper却不是很熟悉swiper怎么制作导航(平时不

webApp手机网站开发、最新H5+CSS3开发微信端网站

手机网站移动端webApp开发实践来啦,助您更快.更好的学习HTML5+css3手机网站开发知识!!! 移动端web网站(移动端web开发/APP开发).移动端App模版.手机网站模版.HTML5+CSS3网站模版,手机端网站开发模板.手机网站.移动webApp开发.移动端网站.HTML5+CSS3.手机web开发...... WebApp与Native App有何区别呢? Native App:1.开发成本非常大.一般使用的开发语言为JAVA.C++.Objective-C.2.更新体验较差.

在PC上测试移动端网站和模拟手机浏览器的5大方

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

西安高端网站建设公司推荐

诺可可网络是老牌西安网络公司,本地知名互联网企业,公司致力与为企业提供专业的网络营销解决方案,我们从企业前期定位规划.网站建设制作,网络运营策划.网络推广营销.移动互联网营销.个人品牌塑造.网络托管外包等网络服务提供一站式解决方案. 高端网站建设是高级网站策划师.高级网络程序员.高级网页设计师等岗位,应用各种网络程序开发技术和网页设计技术,为企事业单位.公司或个人在全球互联网上建设相对性能比较好的网站,并包含域名注册和主机托管等服务的总称.高端网站建设要突出个性,注重浏览者的综合感受,令其在众多

在PC上测试移动端网站和模拟手机浏览器的5大方法

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

vue+express+mongodb搭建移动端网站

从零开始一步步搭建移动端网站,持续更新,github代码如下,因为放了视频文件,下载可能有点慢,记得点星星~ https://github.com/lanleilin/myHomepage 前端采用Vue2+vuex+vue-cli全家桶搭建,后端采用nodejs+express,数据库采用mongodb.使用部分豆瓣API 下载好后,安装模块,npm国外的网站较慢,建议采用cnpm国内镜像: npm install -g cnpm --registry=https://registry.npm

PC端与移动端网站的识别

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

学习JAVA应该去的20个英文网站(java学习网站)

学习JAVA应该去的20个英文网站(java学习网站)  1. http://www.javaalmanac.com     Java开发者年鉴一书的在线版本. 要想快速查到某种Java技巧的用法及示例代码, 这是一个不错的去处.  2. http://www.onjava.com     O'Reilly的Java网站. 每周都有新文章.  3. http://java.sun.com     官方的Java开发者网站 - 每周都有新文章发表.  4. http://www.developer

移动端网站优化指南-WAP篇

转载:http://seofangfa.com/mobile-seo/mobile-seo-guide.html 1.域名优化:启用短域名,例如:m.abc.com,便于用户记忆,方便搜索蜘蛛查找,减少资源的浪费. 2.页面及适配优化:运用xhtml.html5.wml等技术.做好网页对设备适配,并且针对PC端网站做响应式设计开发,不同的网站适配不同的机型,并且用302重定向到相对应的机型.对不同的移动端网页做好适配声明,大型网站建议自己来做适配.http://zhanzhang.baidu.c