学习日记day9: PC端页面流程优化

<!DOCTYPE html><html lang="en"><head> <meta charset="gb2312"> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta http-equiv=&q…

一:切图 1:切那些(移动端能不用图片就不用图片:logo单独切因为要带链接) 2:普通切(快捷键:复制到新图层选中复制新建粘贴保存) 3:类似切 (选中多个图层矩形框多选选择工具垂直居中对齐) 4:格式手机端支持png格式二:重用代码 1:HTML头部: 2:css默认设置:3:js调整rem: 一个页面/首页,可以将三块代码写到一起,大项目建议分开. <!DOCTYPE html><html lang="zh-CH"><h…

pc端页面在移动端显示问题

1.pc端页面在移动端显示,默认视口宽度是980px(也就是body宽度是980px),可通过meta标签设置为需要的尺寸,比如页面中元素最大宽度是1220px,则如下所示 <meta name="viewport" content="width=1220"> 2.如果不想让页面有水平滚动条又有元素需要固定在屏幕底部,则可以按以下方法操作 1)给html页面设置视口宽度 2)判断是否为移动设备,对pc和移动设备分别设置样式,如下: $(function(…

移动端和PC端页面常用的弹出层

我们在页面的时候,很多时候用到了弹出层,消息提醒,确认框等等,统一样式的弹出框可以使页面更加优美.在此,我整理一下我们项目的移动端和PC端页面常用的弹出层. 一.移动端我们需在页面引入弹出框的样式和js <link href="__STATIC__/weui.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src=&…

让PC端页面在手机端显示缩小版的解决方法

做页面的时候我们做好pC端页面时,因编辑那边需求,在手机端页面也应该是缩小版,不能乱的.在网上找了各种解决方案,经实验,这种是可以的: 在head里边加上这两句meta <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="white&q…

PC端页面同比例缩放

新建pc端页面的模板

pc端页面,要做兼容.新建pc端模板时,先要初始化浏览器的样式,我命名为reset.css @charset "utf-8"; /* 取消链接高亮 */ body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, aside, details,figcaption,figure,footer,header,hgro…

PC端页面转换成手机端页面的分辨率问题的理解

PC端页面转换成手机端页面的分辨率问题的理解 px vw rem 假如就以a4纸模式为设计图 ,在a3纸模式中设计,然后设计出来展示在不同的a4纸模式上通常是 750px -> 100vw / 750px = 1.333333 rem 是转换了多大纸面积就展示多少相对的模式 , 因此, 不但能使 a3 以a4模式设计不出问题,还能让 a3 设计出的东西, 在任何a4 模式下的样子比例不变. vw - 1vw = 1%视口宽度设计图的宽度是 750像素 1125像素视口的宽度是 100vw…

移动端页面SEO优化需要注意的10个要点

如今,移动互联网已经成为互联网组成的非常重要的一个分支,如果说以前对移动页面没有很规范的优化和高质量内容评判划分标准,但现在随着各大搜索引擎发布了移动建站指南,图文并茂的描述了如何提高移动站在百度质量度的等级,移动端的SEO优化也受到广大站长和SEO的青睐. 以目前欢欢测试的数据来看,关键词研究.网站架构和URL设计.页面关键词布局.文案写作.导航及内部链接系统设计等大部分PC版网站优化技术依然适用,没必要把移动页面优化当成一个和PC页面优化完全不一样的技术,说到底,为搜索用户提供高质量内容的目…

pc端页面打包成安卓apk

一.phoneGap PhoneGap是一个采用HTML,CSS和JavaScript的技术,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够在网页中调用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能--包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用. 业界很多主流的移动开发框架均源于PhoneGap.较著名的有Worklight.appMobi.WeX5等:其中WeX5为国内…