江苏龙网

  1. 首页 > 生活 > >

html和css网页排版的问题

楼上回答的都很对。一般开发工作都是会给到你具体的设计稿、psd图。会规定一个单位的尺寸，会具体到像素的～这个放心啦～如果是自己做做网站，就可以用控制台去调试嘛、调试成你喜欢的样子～最后 加油～
■网友
首先谢谢邀请！感觉楼主应该还是刚开始学习摸索的阶段吧，没有足够的实践，所以在面对实际情况的时候可能产生困惑。我简单的列几点吧：1、楼上有人已经回答的，前端(或者有些公司有重构)，是web开发当中的一环，上游有交互和视觉设计，所以，会提供给你psd视觉稿，这个里面，设计师是有按照某种标准（要么PC主流，要么移动端主流）来设计的尺寸。2、上面提到PC或者移动，这两种情况的差别还是不小的，前者，你暂且认为它可以根据视觉稿的固定宽高来写代码，而后者，现在已经有N多种尺寸和分辨率的手机需要你去做适配，所以，肯定不能完全的按照视觉稿来还原，业内在近几年也有了一种说法，就是由“视觉稿还原”向“设计理念还原”转变，理解设计意图，或者搞清楚产品体验的诉求，而不是一板一眼的抠视觉稿。3、楼主应该听过这么两种说法，“响应式设计”和“自适应设计”，可能很多人还不知道二者区别在哪儿，这里有个响应式网站的分享平台Responsive-中国响应式网站分享平台你可以看看体会一下，感兴趣可以看看源码。顾名思义，它可以根据不同的情况就行调整布局，重在“响应”二字。通常情况下，调整也是比较大的，比如，三栏变为两栏，左右结构变为上下结构。而自适应，某种程度上和响应式思想有交集，但不等同，通常它不会发生很大的布局变动，是能够适应不同分辨率和宽度之下的通用解决方案，而非改变方案。在这些情况下，显然不能根据设计师提供的有限的视觉稿来严格还原。4、实现以上所说方案的方法有很多，比如百分比，定位，flexbox，媒体查询、calc()等。当然，楼主还需要了解一些关于单位的知识，除了像素，现在用的较多的还有em和rem，比较新的有vw、vh等，可以看看这些文章CSS3的REM设置字体大小_rem, 长度单位 教程_w3cplus、视区相关单位vw, vh..简介以及可实际应用场景 ? 张鑫旭5、上面第二条说，在PC端，你暂且可以认为是设置固定宽高，但是如果考虑到代码的扩展性，设计的灵活性，有些时候不宜采用固定值，比如，突然删掉一些内容或者增加一些内容，你的容器还是原先的尺寸，这就不合适了。需要怎么做，自己衡量吧。说了这么多，具体到实际需要考虑这么多吗？不要试图得到这个问题的标准答案，因为没有标准答案，你的站点需要怎样，要看实际情况，别人家的数据和需要不代表你们的。当然，一旦你知道了如何应对这些场景，那么就能够根据需要制定方案了。好吧，就先啰嗦这么多。不知道你能消化多少，祝好运吧！加油！~
■网友
F12里能看到模板里各种元素的大小
■网友
找工作的时候问好有没有设计师和美工，没有就不要去。你就不需要担心这个问题了。
■网友
实际项目中 都会有设计稿的。宽高都已经标注好的


    推荐阅读


    上一篇：LG P970 和HTC G10两款手机间应该怎样选择

    下一篇：有哪些特别好用的智能硬件