半夏微澜ぺ - 博客园

2016年11月17日

摘要： page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page b 阅读全文

posted @ 2016-11-17 17:02 半夏微澜ぺ阅读(567) 评论(0) 推荐(0)

CSS counter计数器(content目录序号自动递增)详解

摘要：一、CSS计数器三角关系 CSS计数器只能跟content属性在一起的时候才有作用，而content属性貌似专门用在before/after伪元素上的。于是，就有了，“计数器↔伪元素↔content属性”的铁三角关系。二、CSS计数器成员举例班级中成员依次报名其中有这么几个关键点：1. 班级命阅读全文

posted @ 2016-11-17 15:58 半夏微澜ぺ阅读(6811) 评论(1) 推荐(1)

移动端网页巧用 margin和padding 的百分比实现自适应

摘要：一个基础却又容易混淆的css知识点本文依赖于一个基础却又容易混淆的css知识点：当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的! W3C的规范： ((absolute relative)定位中 left/ 阅读全文

posted @ 2016-11-17 10:48 半夏微澜ぺ阅读(1238) 评论(0) 推荐(0)

2016年11月16日

监听屏幕旋转事件window. onorientationchange

摘要： // 判断屏幕是否旋转 function orientationChange() { switch(window.orientation) { case 0: alert("肖像模式 0,screen-width: " + screen.width + "; screen-height:" + screen.heig... 阅读全文

posted @ 2016-11-16 16:48 半夏微澜ぺ阅读(1811) 评论(0) 推荐(0)

apple-touch-startup-image 制作iphone web应用程序的启动画面

摘要：为ipad制作web应用程序的启动画面时发现个问题，只能显示竖屏图，横屏图出不来，如下：首先页面头部里要加入（这个是APP启动画面图片，如果不设置，启动画面就是白屏，图片像素就是手机全屏的像素）重点在下面：两张图片必须符合宽高标准才能正常显示： startup_portrait.png 768 阅读全文

posted @ 2016-11-16 10:28 半夏微澜ぺ阅读(2264) 评论(0) 推荐(0)

当把链接保存到手机桌面。设置图标只在safari浏览器中有用

摘要：这个属性是当用户把连接保存到手机桌面时使用的图标，如果不设置，则会用网页的截图。有了这，就可以让你的网页像APP一样存在手机里了在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签，如果设置了相应阅读全文

posted @ 2016-11-16 10:22 半夏微澜ぺ阅读(3913) 评论(0) 推荐(0)

-webkit-tap-highlight-color

摘要：表单元素（input, textarea, button, a）在手机中点击时会出现边框: webkit浏览器单击事件高亮颜色该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见（-webkit-t 阅读全文

posted @ 2016-11-16 10:13 半夏微澜ぺ阅读(302) 评论(0) 推荐(0)

iphone 在设置了initial-scale=1 之后，在设置滚动条之后，没有滑动效果的解决办法

摘要： iphone在设置了initial-scale=1 之后，我们终于可以以1:1 的比例进行页面设计了。关于viewport，还有一个很重要的概念是：iphone 的safari 浏览器完全没有滚动条，而且不是简单的“隐藏滚动条”，是根本没有这个功能。 iphone 的safari 浏览器实际上从一阅读全文

posted @ 2016-11-16 10:00 半夏微澜ぺ阅读(1839) 评论(0) 推荐(0)

移动web开发-------meta

摘要：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。其中：width – viewport的宽度height – viewport的高度initial-s 阅读全文

posted @ 2016-11-16 09:56 半夏微澜ぺ阅读(125) 评论(0) 推荐(0)

2016年11月15日

font-family

摘要：对于网站字体设置：移动端项目：font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self; pc端(含Mac)项目：font-family:Taho 阅读全文

posted @ 2016-11-15 17:17 半夏微澜ぺ阅读(588) 评论(0) 推荐(0)