我希望有人能提供帮助。
我最近在一个知名网站上观看了有关响应式网页设计的视频。
我对导师采取的方法感到困惑。他基本上创建了三个样式表(大/中/小),在每个样式表中,他给出了 DIVS 的 PX 宽度,并在必要时交换图像。
当然,这种方法是有缺陷的,他可以只使用百分比进行流体布局,而不是通过媒体查询调用不同的样式表?
他的方法有什么优点吗?
非常感谢,
灵活设计和响应式设计之间存在区别。
根据我读过的一些书籍,您可以通过使用%长度来使布局灵活
值,因此布局会适应视口宽度的精确尺寸。
如果您使用媒体查询构建响应式设计,则可以使用
绝对长度(像素)并调整这些硬编码值以根据
媒体查询中定义的屏幕尺寸限制。
因此,灵活的设计可能与响应式设计一样有效,而响应式设计也可能
基于固定宽度布局。
不用说,您使用的方法将取决于您想要的设计
构建以及它如何在各种设备中工作。
你的教程的作者不一定是错的,但他们的方法可能不正确
构建响应式设计的最有效方法。在某些情况下,如果您使用
% 值,您可以使用更简洁的 CSS 样式表来实现您的设计。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)