safair 底部border被切

2024-08-17

iPhone 6/plus iOS Safari fieldset border 边框消失

问题:iPhone6 plus 手机浏览网页,fieldset border 边框消失. 示例代码: <div> <fieldset style="border: 1px solid #DDD;"> <legend>引用</legend> 这里是引用内容... </fieldset> 这里是评论内容... <div> 上面代码的大致效果为: 这是没有什么问题的,用手机浏览测试,其他手机都没问题,但 iPhone6

移动端1px的border

移动端浏览器解决1px的底部border问题 1.使用border:1px solid #e0e0e0. 在不同设备下由于devicePixelRatio不同导致1px实际显示的长度不同.所以在移动端会显示出3px或者2px.所以不能用. 2.使用border-image.这种方法也很好,使用一个1px*1px的图片进行repeat,但是某些app内的webview版本很老,不支持这种css3属性. 3.使用:after伪元素,进行设置border-top,border的宽度设为需要的4倍然后t

逆天通用水印支持Winform，WPF，Web，WP，Win10。支持位置选择（9个位置 ==》[X]）

常用技能:http://www.cnblogs.com/dunitian/p/4822808.html#skill 逆天博客:http://dnt.dkil.net 逆天通用水印扩展篇~新增剪贴板系列的功能和手动配置,卸除原基础不常用的功能:http://www.cnblogs.com/dunitian/p/5377097.html 好几天没上QQ了,今天上了个QQ,,额....额...貌似消息还挺多,没及时回复的还请见谅~~刚好昨天无聊把水印这快封装出来了,支持图片水印,文字水印,索引图水印和

分享一个动态生成RDLC报表的类

在实际工作中,当需要进行大批量查询和生成报表的时候,可以使用我写的类. 特点: 无需报表设计器.无需为报表设置数据集只需要传入查询结果就可以全自动生成报表,传入的对象为Dynamic(目前支持DataTable和IEnumable<T>的传入参数) 文字.数据表可以无限添加支持图表 ( 2014-5-28 v0.4 增加参数类,完成图表显示功能) 支持数据分组(2014-5-19 v0.3 添加表格内分组) 我没有采用使用操纵微软报表Schema的方法,而是用了拼接字符串:( 将来想到的扩

WP、Win10开发或者WPF开发时绘制自定义窗体~例如：一个手机

WP and Win10 效果:(数字是参考值,和UI无关) <Page x:Class="_05.AllControls._BorderUsePage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using

一个绚丽的loading动效分析与实现！

最终效果如下从效果上看,我们需要考虑以下几个问题: 1.叶子的随机产生: 2.叶子随着一条正余弦曲线移动: 3.叶子在移动的时候旋转,旋转方向随机,正时针或逆时针: 4.叶子遇到进度条,似乎是融合进入: 5.叶子不能超出最左边的弧角: 7.叶子飘出时的角度不是一致,走的曲线的振幅也有差别,否则太有规律性,缺乏美感: 总的看起来,需要注意和麻烦的地方主要是以上几点,当然还有一些细节问题,比如最左边是圆弧等等: 那接下来我们将效果进行分解,然后逐个击破: 整个效果来说,我们需要的图主要是飞动的小叶

Android 一个绚丽的loading动效分析与实现！

http://blog.csdn.net/tianjian4592/article/details/44538605 前两天我们这边的头儿给我说,有个 gif 动效很不错,可以考虑用来做项目里的loading,问我能不能实现,看了下效果确实不错,也还比较有新意,复杂度也不是非常高,所以就花时间给做了,我们先一起看下原gif图效果: 从效果上看,我们需要考虑以下几个问题: 1.叶子的随机产生: 2.叶子随着一条正余弦曲线移动: 3.叶子在移动的时候旋转,旋转方向随机,正时针或逆时针: 4.叶子遇到

flutter 自定义输入框组件

一.组件分析 ui如下根据UI分析我们需要提取哪些是动态的,可以通过传递参数得到不同的结果? 1.左侧icon 2.输入的文本 3.是否是密码框 4.输入框的控制器:如何时时得到输入框的值二.快速创建自定义组件 vscode中使用快捷键stl快速生成一个无状态组件, class CreateMyInput extends StatelessWidget { @override Widget build(BuildContext context) { return Container( );

原创：微信小程序之MaterialDesign--input组件

作者:jeffer 来自:原文地址主要通过input输入事件配合css的transform动态改变实现这种效果. 实际调试过程中,input组件bindinput事件触发后回调的detail对象,在模拟器中含有cursor属性,在真机中(测过安卓,ios没测过)却没有该属性,最后选择detail对象中的value属性的值的长度来同步输入的位数. bindfocus事件最好不要添加改变css的代码 . 预览图片: JS: //index.js //获取应用实例 var app = getApp(

RDLC后台自己定义报表模板

首先封装一个公共类,统一来操作RDLC报表 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Xml; using System.Data; using Microsoft.Reporting.WebForms; using System.Text; using System.Collections; using System.IO; using Sy

Spring源码编译一次性通过&遇到的坑解决方法

前言 spring源码本地编译,按网上的博客参考资料的操作步骤,总是会出现各种莫名其妙的错误.根据错误信息找解决方案,但在自己的环境下又总是编译不过去.结合参加培训学习Jack老师提供的方法,自己多种方式尝试,最终编译成功了. 为了验证自己的方式是否有失误的地方,全部过程我自己走了大概5遍,详细记录下每个步骤.如果按1天8小时计的话,为了这个源码编译至少花了3~4天时间.我觉得是值得的,为后面的源码阅读扫除一个拦路虎. 仅以此篇记录踩到的坑,为同样想读源码的同学可以在编译这一步少花一些时间,也可

渴切-开源中文css框架

渴切:是国内优秀的开源css框架. 渴切是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间.它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防止枯燥的跨浏览器兼容性测试.你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类. 渴切框架用途渴切css开源框架是一款能够帮助快速切图的css衍生产品,实现原理是采用了官网的css重写,重写掉了所有不兼容浏览器的html标签的默认样式,使之达到浏

html+css底部自动固定底部

前端在切图过程中,肯定遇见过这种情况. 页面结构由三个部分组成,头部.内容.底部. 当一个页面的内容没撑满屏幕时,底部是跟着内容而并列存在的. 这个时候如果是大屏的话,底部下面会有多余的空白区域,而网页设计需求必须要底部贴近浏览器底部. 固定定位,绝度定位都不好使. 废话不多说,直接上代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

css3 border img 边框图片

摘自http://www.html-js.com/article/CSS3-tutorial-css3borderimage-frame-image-Xiangjie-on border-image摘要其实我[border-image属性]是用来给元素边框添加背景图像,在某些时候,利用这个 border-image可以轻松绘制一些比较复杂的小部件.并且我是 border-image-source border-image-slice border-image-widthborder-image

理解CSS边框border

前面的话边框是CSS盒模型属性中默默无闻的一个普通属性,CSS3的到来,但得边框属性重新焕发了光彩.本文将详细介绍CSS边框基础样式边框是一条以空格分隔的集合样式,包括边框粗细(边框宽度).边框颜色和边框样式,且先后顺序无关 border: border-width border-color border-style border: 1px solid red; [边框样式] 如果一个边框没有样式,边框将根本不会存在关于虚线dashed,在chrome/firefox下,

CSS布局之div交叉排布与底部对齐--flex实现

最近在用wordpress写页面时,设计师给出了一种网页排布图样,之前从未遇到过,其在电脑上(分辨率大于768px)的效果图如下: 而在手机(分辨率小于等于768px)上要求这样排列: 我想到了两种方法第一种是用bootstrap的row.col-md配合col-md-push.col-md-pull来实现,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <me

iOS设计 - 一款APP从设计稿到切图过程概述

这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我们只说iOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱.1 Part 1 项目立项文件结构项目名称v1.0 -> 01_源文件psd 02_效果图jpg 03_标注图png 04_标注源文件 05_切片资源png 原型.rar 工具: 界面设计:PS, AI 标注:PxCo

页面制作部分之PS切图

页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图.网页切图工具常用的有fireworks.PS,这里使用PS进行网页切图. 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background). 一.使用PS工具 1.1 PS首选

前端工程师技能之photoshop巧用系列第三篇——切图篇

× 目录 [1]切图信息 [2]切图步骤 [3]实战前面的话前端工程师除了使用photoshop进行测量之外,更重要的是要使用该软件进行切图.本文是photoshop巧用系列的第三篇——切图篇切图信息在网页制作中有哪些图片是需要被切出来的呢?主要分为两类,一类是修饰性图片,另一类是内容性图片 [1]修饰性图片修饰性图片主要对网页内容进行修饰,一般会被制作为雪碧图,用在background属性中,通常保存为png24(IE6不支持半透明)和png8格式.修饰性图片主要包括以下几类: 1.

制作在线简历（一）——Loading与底部菜单

想装逼下搞个在线简历,然后顺便用些CSS3与HTML5的一些技术,再顺带把响应式也加上去去,在移动端也能看到. 不过我的配色low了点,还望见谅...... 一.首页Loading效果这次就打算把几个功能全部写在一起展示啦,这样就得有个Loading页面,先把该载入的都载入进来.不然的话,代码没载入进来,这效果都看不到的,体验会很差. 前面写过一篇制作Loading效果的文章<多种方法实现Loading(加载)动画效果>,这次挑Sonic.js来实现下. 1.选了个我感觉比较酷的Loadin

CSS魔法堂：重拾Border之——更广阔的遐想

前言当CSS3推出border-radius属性时我们是那么欣喜若狂啊,一想到终于不用再添加额外元素来模拟圆角了,但发现border-radius还分水平半径和垂直半径,然后又发现border-top-left/right-radius的水平半径之和大于元素宽度时,实际值会按比例分配元素宽度时,不禁会问"我真的懂border吗?".本系列将稍微深入探讨一下那个貌似没什么好玩的border! <CSS魔法堂:重拾Border之--解构Border> <CSS魔法堂:

safair 底部border被切

热门专题