一、样式复现h5移动端开发，发现在苹果手机上input显示有问题。input的border已经初始化设置为none了，根据需求进行了border样式的重置。但在苹果手机上渲染有问题。如下图所示：在这里插入图片描述二、解决方案：input{ outline: none; -webkit-appearance: none; /…
一、样式复现h5移动端开发，发现在苹果手机上input显示有问题。input的border已经初始化设置为none了，根据需求进行了border样式的重置。但在苹果手机上渲染有问题。如下图所示：在这里插入图片描述二、解决方案：input{ outline: none; -webkit-appearance: none; /…
先来看看各种iPhone的尺寸和分辨率，这张图写的很清楚。设备名称屏幕尺寸PPIAsset竖屏点（point）竖屏分辨率（px）iPhone X5.8 in458@3x375 x 8121125 x 2436iPhone 8+, 7+, 6s+, 6+5.5 in401@3x414 x 7361242 x 2208iPhone 8, 7, 6s, 64.7 in326@2x375 x 667750 x 1334i…
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=…
目标：实现一个正方形，这个正方形边长等于方法一：使用单位vw， （ps我觉得这个是最简单的方法）html结构也很简单，只有一个div即可<html> <body> <div class="square"> </div> </body> </html> .square{ width: 50vw; h…
思路一: float缺点:结构和样式存在耦合性，IE7-浏览器下对宽度百分比取值存在四舍五入的误差【1】float + padding + background-clip使用padding来实现子元素之间的间距，使用background-clip使子元素padding部分不显示背景CSS Code 复制内容到剪贴板 <style> bo…
<div class="a1"> <img src="http://kings.begon.cn/upload/202104/27/202104271020235996.jpg" alt="用户头像" height="50px"></div><style> .a1{ position: relative; width: 50…
老是被人问到px、pt和em的区别，自己有时候也会纠结到底该用什么单位，今天特意查了一些文章，下面这篇虽然很久远了，但解释的比较全面，转载收藏之.这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我…
HTML代码 <div><imgsrc="images/1.jpg"></div> 方法一 利用position和margin共同实现 通过给父元素设置绝对定位属性来让子元素相对于div定位 relative是保留原来的位置进行定位并且是相对于自己原来的位置进行定位 absolute是脱离原来位置定…
有时候，要实现一些元素水平垂直都居中，这部分元素呢 可能大小未知，例如一些图片或者是一些未知大小的块元素。利用绝对定位可以将要居中的元素脱离文档流.position: absolute;left:0px;right: 0px;top:0px;bottom: 0px;但他的父元素要设成相对定位position: relative;这…
<style>div { margin-left:50px; margin-top:50px;}.top { width:0; height:0; border-bottom:2em solid #000; border-right:1.8em solid transparent; border-left:1.8em solid transparent;}.bottom { width:0; height:0; border-…
© Copyright 2014 - 2024 柏港建站平台 ejk5.com. 渝ICP备16000791号-4