HTML
田江
技术没有秘密,只有知道的人多了,才能把技术的作用发挥出来。
展开
-
网页布局的居中问题,如何让文本居中,如何让div居中,怎样让div居中?居中都有哪几种情况
关于网页设计制作(布局)过程中,如果让内容居中,分为以下几种情况:1、文本,图片等内联元素的水平居中。text-align:center2、定宽的块状元素在浏览器窗口或父容器中水平居中。margin:0 auto3、不定宽块状元素水平居中 方案一:给父元素添加display:table;将box转换为表格形式,将不定宽转换为定宽,然后设置左右margin为auto 方案二:将子元素转换为...原创 2018-04-26 12:14:02 · 1957 阅读 · 0 评论 -
圣杯布局、双飞翼布局、Flex布局和绝对定位布局的几种经典布局的具体实现示例
题目要求:针对如下DOM结构,编写CSS,实现三栏水平布局,其中left、right分别位于左右两侧,left宽度为200px,right宽度为300px,main处在中间,宽度自适应。 要求:允许增加额外的DOM节点,但不能修改现有节点顺序。<div class="container"> <div class="main">main</div> ...转载 2019-02-26 23:25:28 · 452 阅读 · 0 评论 -
vue:项目页面在苹果手机浏览器上上下滑动出现卡顿现象
在公共样式的底部增加一个样式属性,-webkit-overflow-scrolling: touch;。希望那个元素滚动,就加在那个元素上。如:.container{ -webkit-overflow-scrolling: touch;}//如果你用的是脚手架,我直接告诉你吧:在app.vue的 style里写上<style>...原创 2019-06-04 17:52:28 · 1754 阅读 · 0 评论 -
移动端性能优化
一、移动网站加载速度缓慢的原因1、网站服务器网站服务器(比如软件),默认情况下运行缓慢,或者尚未针对加载速度最大化进行合适的配置2、虚拟主机解决方案移动网站被托管于一个相对缓慢的虚拟主机解决方案(或硬件)中,或者这个网站流量非常高,经常超出虚拟主机可以处理的流量水平。3、网站浏览器缓存移动网站尚未被配置使用网站浏览器缓存4...转载 2019-08-05 15:30:27 · 907 阅读 · 3 评论 -
最全整理浏览器兼容性问题与解决方案
常见浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一类是精...转载 2019-08-06 17:01:24 · 13563 阅读 · 1 评论 -
移动 H5 首屏秒开优化方案探讨
随着移动设备性能不断增强,web 页面的性能体验逐渐变得可以接受,又因为 web 开发模式的诸多好处(跨平台,动态更新,减体积,无限扩展),APP 客户端里出现越来越多内嵌 web 页面(为了配上当前流行的说法,以下把所有网页都称为 H5 页面,虽然可能跟 H5 没关系),很多 APP 把一些功能模块改成用 H5 实现。虽然说 H5 页面性能变好了,但如果没针对性地做一些优化,体验还是很糟糕的...转载 2019-08-08 21:21:28 · 557 阅读 · 0 评论