![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5
u014789708
这个作者很懒,什么都没留下…
展开
-
HTML5移动端1px边框解决办法
Html5移动端页面1px边框解决办法在进行移动端项目时,元素节点的大小和样式通常是根据设计图纸来设置的,但有时根据设计图纸编写的样式并不令人满意。虽然表面上看起来和设计图一样,但感觉不像设计图,还是有一种假的味道。在用户界面审查过程中,通常会觉得分隔线或边界线太粗,需要变细。然而,当看代码时,它已经是1px了,为什么它还是那么厚呢?要理解问题的原因,我们必须首先理解几个概念:(1)物理像素物理像素是显示器(手机屏幕)上最小的物理显示单元(像素粒子)。在操作系统的调度下,每个设备像素都有自己的原创 2020-05-12 14:49:46 · 6017 阅读 · 0 评论 -
HTML移动端底部tab栏切换效果
效果图HTML:<%--底部--%> <ul class="foot"> <li class="Imgbox" img="/images/tuiJianCus/index-wxz-icon.png" data-img="/images/tuiJianCus/index-xz-icon.png"> <a href="/views/tuiJianCus/index.jsp">原创 2020-05-12 13:34:44 · 7583 阅读 · 0 评论 -
HTML移动端页面重构布局8大方法
1.固定布局 方法 <head>里把<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">加好,然后根据设计稿设定相应的宽度即可,其他地方类似于pc端。 优点 思路沿用pc端,上手比较快 ...原创 2018-07-27 18:37:59 · 43726 阅读 · 0 评论 -
经典DIV+CSS下拉菜单
符合WEB标准的CSS下拉导航菜单布局及css下拉菜单模板 HTML代码如下<ul id="nav"> <li><a href="###">div+css</a> <ul> <li><a href="###">CSS原创 2018-07-27 18:55:08 · 71034 阅读 · 0 评论 -
CSS3:nth-child使用方法
CSS3:nth-child选择属于其父元素的指定位置的子元素。写法上大体有以下几种:1、简单数字获取具体单个元素ul li:nth-child(3) {background-color: #000;} //设置第3个li的背景色为黑色12、公式写法具体格式:nth-child(an+b),a与b为任意有效的整数,n取值范围是有些的自然数,最终计算相应结果,b可以省略。u...原创 2018-09-26 13:47:15 · 54693 阅读 · 0 评论 -
关于移动端input框获取焦点后被键盘遮盖问题修复的最佳方案
Android真机测试通过 ✔ iOS真机测试通过 ✔ // input 键盘焦点问题修复 window.addEventListener('resize', () => { const activeElement = document.activeElement if (activeElement.tagName === 'INPUT' || activeEleme...原创 2018-09-29 17:19:59 · 55952 阅读 · 4 评论 -
jQuery仿探探APP手机滑动 卡片切换 特效
示例图1<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>a-test</title><meta name="viewport" content="width=device-width, initial-scale=1....转载 2019-07-23 11:19:01 · 26616 阅读 · 0 评论