Fatal编程技术网
  • css/
  • 响应式CSS改进问题

响应式CSS改进问题

css

响应式CSS改进问题,css,Css,我开始用css编写移动版本，我想问你哪种方式更好： 在html中编写一个div，它有一个类desktop，另一个div，它有一个类mobile。从零开始建造一切。例如： asdfsdfdf 阿德斯达德 asdfsffdfsdf ASDFD saddfsdfsd 一定要使用媒体查询来覆盖默认属性。一般来说，保持代码干燥和易于维护是一个很好的原则。拥有一块HTML的两个版本意味着不必要的重复（意味着需要将更多代码加载到浏览器中）以及未来维护中的更多工作 使用查询覆盖样式不是性能问题——C

我开始用css编写移动版本，我想问你哪种方式更好：

  • 在html中编写一个
    div
    ，它有一个类desktop，另一个
    div
    ，它有一个类mobile。从零开始建造一切。例如：
    • 
asdfsdfdf

    
阿德斯达德

    
asdfsffdfsdf

    
ASDFD

    

    saddfsdfsd
    一定要使用媒体查询来覆盖默认属性。一般来说，保持代码干燥和易于维护是一个很好的原则。拥有一块HTML的两个版本意味着不必要的重复（意味着需要将更多代码加载到浏览器中）以及未来维护中的更多工作

    使用查询覆盖样式不是性能问题——CSS是为级联而构建的。不要为利用它而感到难过（除非您是在毫无理由地级联并添加不必要的规范）

    简短的回答：省去你的压力。不要复制HTML

    或者可以使用
    隐藏的xs
    类（我会覆盖类。这将有助于减少html代码，避免重复信息。然后在mediaquerie中检查宽度并覆盖所有内容，我会选择第一个选项，例如，如果我有一个菜单。ideea是桌面设计，它与移动版不一样。当然，颜色和文本是相同的。如果我选择覆盖分类，我必须写很多位置绝对css和禁用很多浮点。这明智吗？这将是一个完整的css混乱代码