我已经完成了我使用DIVI设计的网站的布局,它在我的1280x800笔记本电脑分辨率上看起来很完美,但是当我试图在更大的分辨率(在这种情况下为1920x1080)上显示它时,很多元素(主要是左边缘或右边距/填充的)不合适。我尝试使用百分比而不是像素作为我的边距/填充值,但给出了相同的结果。
设计自适应CSS布局的最佳做法是什么?我应该为容器的宽度定义固定值吗?这会解决问题吗?
我应该专注于媒体查询吗?定义每个分辨率的值?然后,还有调整窗口大小的问题,这又会使整个媒体查询解决方案过时。你有什么建议吗?
答案 0 :(得分:1)
RWD(响应式网页设计)是一个过于宽泛的论据,无法给出一个答案。我个人喜欢从头开始构建我自己的网页,没有任何页面构建器或类似的东西,这是我给你的提示:首先,尝试手工构建自己的网页!
我可以为您建立响应式网站的三条准则是:
display: flex
属性调整网页布局; 有了这些建议,我认为您可以轻松构建响应式网页。 还有许多其他因素需要担心:搜索,学习并亲自动手使用代码!