鲁中-O-华仔

夫君子之行,静以修身,俭以养德,非淡泊无以明志,非宁静无以致远。

导航

随笔分类 -  自适应-响应式-专题

移动端--用PX为单位+JS框架 实现页面布局
摘要:一:大家先下载metahandler.js 二:准备一个用px实现的移动页面(宽度固定死的页面),引入metahandler.js框架 1、视口设置 width=640,是根据psd图来设置,有多宽设置多宽(设计图是640的设置640) <meta content="target-densitydp 阅读全文

posted @ 2019-03-26 21:23 鲁中-O-华仔 阅读(1216) 评论(0) 推荐(0)

media 标签解释
摘要:一:常用标签这句话是自动设置缩放,然而,它并不能完全适应所有的手机,并且你在用浏览器手机模式调试的时候可能正常,但是换到真实的手机端其实是不正常的。所以我们还要进行改动。 对于IE6、7、8需要考虑到兼容 2、忽略页面中的数字识别为电话,忽略email识别 <!--禁止将页面中的一连串数字识别为电话 阅读全文

posted @ 2018-12-28 12:50 鲁中-O-华仔

自适应--手机端网页代码
摘要:一:必读:响应式和自适应的区别:https://www.cnblogs.com/guozh/p/10163339.html 二:rem 是如何实现自适应布局的: https://www.cnblogs.com/guozh/p/10163350.html 一:在头部加入代码 1.第一行: 这句话是自动 阅读全文

posted @ 2018-12-23 09:16 鲁中-O-华仔 阅读(2437) 评论(0) 推荐(0)

响应式---web设计之CSS3 Media Queries
摘要:一:设置视口 (view [vju:] 看; ==看待 port [pɔ:t] 接口)==视口 二:Media Query(媒体查询)@media媒体类型and(媒体特性){ /*CSS样式*/ } 媒体类型:screen,print... 媒体特性:max-width,max-height...1 阅读全文

posted @ 2015-10-10 22:39 鲁中-O-华仔 阅读(228) 评论(0) 推荐(0)