![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
布局
wy_Blog
学习源于点滴的积累
展开
-
DIV+CSS布局的优势和弊端
DIV+CSS的优势 1、符合W3C标准。这保证您的网站不会因为将来网络应用的升级而被淘汰。 2、对浏览者和浏览器更具亲和力。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。这样就支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是什么,您的网站都能很好的兼容。 3、使页面载入得更快。页面体积变小,浏览速度变快,由于将大部分页面代码写在原创 2017-02-25 17:44:31 · 6473 阅读 · 0 评论 -
css3 media响应式媒体查询器用法总结
随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 准备工作1:设置Meta标签转载 2017-03-01 18:59:54 · 524 阅读 · 0 评论 -
什么是viewport?
1.什么是viewport? 仅在移动端(触屏设备)才有viewport 视觉窗口 用来承载网页的虚拟区域,它缩放功能。 2.viewport还有什么功能? 默认的缩放比 在移动端加载完成之后的默认的缩放比例 是否运行用户自行缩放 用户能不能自己通过手指手势来缩放网页 允许最大原创 2017-03-02 19:35:16 · 1060 阅读 · 0 评论 -
几种布局方式
1.固定布局 方法 里把加好,然后根据设计稿设定相应的宽度即可,其他地方类似于pc端。 优点 思路沿用pc端,上手比较快 缺点 大屏手机显示网页比较宽,而固定布局宽度参照永远是固定的宽度(设计稿的大小),导致左右两边会有空白。手机横屏的时候两边空白更亮。 2.流动布局 方法 适用百分比(%)做单位。 优点 能更很好的适应各个屏幕分辨率的手机。 缺点 不够灵活,添加元素时,需要更改其转载 2017-03-14 16:15:31 · 2293 阅读 · 0 评论 -
移动前端开发需要注意的20个要点
移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技术等着你去驾驭,在这方面,你可以欣喜地说:让ie见鬼去吧。 1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签转载 2017-09-20 16:37:00 · 436 阅读 · 0 评论