可以在 链接样式中,直接写屏幕的宽度@media screen and (max-width:1880px) { #minm .autocw { width: 1180px; }}@media screen and (max-width:1250px) { #minm .autocw { w...
分类:
Web程序 时间:
2014-08-08 20:54:26
阅读次数:
251
响应的网页设计方法让你的网站对移动设备更加友好。网站开发者们采用最新的 HTML5 和 CSS3 技术以及最新的编码标准来制作响应式网站。响应式设计使网页设计更加强大,更具互动性和更美观。响应网站的设计有许多特色,使开发人员和设计人员能够创建速度快,性能优越的应用程序和网站,并适合于所有设备。
分类:
Web程序 时间:
2014-07-18 17:36:57
阅读次数:
256
1、meta标签大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器,使用设备的宽度作为视图宽度并禁止初始的缩放。在标签里加入这个meta标签IE8或者更早的浏览器并不支持Media Query。你可以使用...
分类:
Web程序 时间:
2014-07-07 12:12:20
阅读次数:
190
在QA TechWeek 2014期间,QA公司首席技术专家David Walker在使用Foundation进行响应式设计的会议上,提出了响应式网站设计的原则。Walker提到从现有桌面网站创建移动应用网站的多种方式:原生应用,为每种移动操作系统开发一个应用;嵌入式HTML 5,使用PhoneGa...
分类:
Web程序 时间:
2014-07-02 19:02:13
阅读次数:
211
在QA TechWeek 2014期间,QA公司首席技术专家David Walker在使用Foundation进行响应式设计的会议上,提出了响应式网站设计的原则。Walker提到从现有桌面网站创建移动应用网站的多种方式:原生应用,为每种移动操作系统开发一个应用;嵌入式HTML 5,使用PhoneGa...
分类:
Web程序 时间:
2014-06-28 23:34:27
阅读次数:
322
缩放!所有的东西都可以缩放!一些比较炫的响应式网站会在一定范围内有缩放效果。当然,js可以搞定~以前就用过的全屏缩放类:// CLASS function imgzoom(srcWidth,srcHeight,maxWidth,maxHeight){ this.srcWidth=srcWid...
分类:
其他好文 时间:
2014-06-14 21:22:42
阅读次数:
529
现如今,网站开发设计的需求会要求自动适应所有移动设备,即响应式网站:
在开发网站时必须考虑对平板设备融合 fluid(流)和自适应性特点。 大多数网站设计要靠margins, guides, rows and
columns等网格系统和布局来在网页上组织内容。网格设计常见于报纸和杂志中的文字图像排....
分类:
Web程序 时间:
2014-05-18 19:46:00
阅读次数:
437
现如今,网站开发设计的需求会要求自动适应所有移动设备,即响应式网站:
在开发网站时必须考虑对平板设备融合 fluid(流)和自适应性特点。 大多数网站设计要靠margins, guides, rows and
columns等网格系统和布局来在网页上组织内容。网格设计常见于报纸和杂志中的文字图...
分类:
Web程序 时间:
2014-05-16 00:52:26
阅读次数:
464
1.图片自动等比例缩放{display:block;width:100%; height:auto;}
分类:
Web程序 时间:
2014-05-13 22:47:10
阅读次数:
453
随着便携设备用户的指数级增长,网站设计师采用响应式设计作为多平台布局解决方案,不但节省了UI设计师的时间,而且从长远角度来讲,响应式设计能够为用户提供更舒适的操作环境。
如果你毫无经验,不知从何开始,那么蓝蓝设计这份工具列表将大大的帮助你,能够让你的界面设计布局更有“弹性”。
更多响应式网站设计工具欣赏:http://www.lanlanwork.com/
Sim...
分类:
Web程序 时间:
2014-05-07 16:20:13
阅读次数:
441