本文向大家介绍假如设计稿使用了非标准的字体,你该如何去实现它?相关面试题,主要包含被问及假如设计稿使用了非标准的字体,你该如何去实现它?时的应答技巧和注意事项,需要的朋友参考一下 设计的职责是美观,前端的职责是尽可能还原,设计之所以会使用非标准的字体、甚至侵权的字体是因为不了解技术实现和版权意识。 所以先沟通,告知设计实际的情况,然后在综合考量的情况下应该尽可能去实现,通常采用载入字体和图片化的方
本文向大家介绍你对响应式设计的理解是什么?知道它基本的原理是吗?要想兼容低版本的IE怎么做呢?相关面试题,主要包含被问及你对响应式设计的理解是什么?知道它基本的原理是吗?要想兼容低版本的IE怎么做呢?时的应答技巧和注意事项,需要的朋友参考一下 理解:在不同系统,不同设备,不同尺寸的界面,有良好的用户体验,舒适的阅读体验,交互体验。 原理:根据不同设备尺寸,浏览器自动调整或通过样式调整,来保证用户体
本文向大家介绍absolute的containing block(容器块)计算方式和正常流有什么区别?相关面试题,主要包含被问及absolute的containing block(容器块)计算方式和正常流有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 absolute会先向上找到第一个position不为static或者fixed的祖先元素,然后根据该祖先元素的display属性分类讨论。
本文向大家介绍你有了解css计数器(序列数字字符自动递增)吗?如何通过css的content属性实现呢?相关面试题,主要包含被问及你有了解css计数器(序列数字字符自动递增)吗?如何通过css的content属性实现呢?时的应答技巧和注意事项,需要的朋友参考一下 :设置计数器 : 递增数值 eg.
本文向大家介绍说说响应式设计(responsive design)和自适应设计(adaptive design)的区别?相关面试题,主要包含被问及说说响应式设计(responsive design)和自适应设计(adaptive design)的区别?时的应答技巧和注意事项,需要的朋友参考一下 responsive design 同代碼 adaptive design 不同代碼
本文向大家介绍你是怎么设计css sprites(精灵图)的?有哪些技巧?相关面试题,主要包含被问及你是怎么设计css sprites(精灵图)的?有哪些技巧?时的应答技巧和注意事项,需要的朋友参考一下 css sprites 一般用于局部布局小图标背景 用ps 测量出精确的坐标将图片拼在一起 再利用css的background-position属性进行定位 横坐标定位时 Y轴保持不变 每个元素的
本文向大家介绍ui设计中px、pt、ppi、dpi、dp、sp之间的关系?相关面试题,主要包含被问及ui设计中px、pt、ppi、dpi、dp、sp之间的关系?时的应答技巧和注意事项,需要的朋友参考一下 https://blog.csdn.net/u012588160/article/details/80088863
本文向大家介绍当拿到一个新的项目,让你对这个项目的css做下架构设计,你该如何下手?相关面试题,主要包含被问及当拿到一个新的项目,让你对这个项目的css做下架构设计,你该如何下手?时的应答技巧和注意事项,需要的朋友参考一下 公共变量(主题色/主要空隙/主要字号字体等) 编译器(scss/less/postcss/stylus) 自适应方案(栅格/rem/vw/pt) 目录约定(mixin/comm
问题内容: 我在DotNetNuke的项目中使用了twitter bootstrap。我使用HTML,CSS,引导程序进行了设计和布局。当我在不同的移动设备上进行测试时,即使我调整浏览器窗口的大小,响应式设计也能正常工作。 由于运行良好,我将设计转换为DotNetNuke Skin。现在,仅当我调整浏览器窗口的大小而不是在移动设备上时,自适应设计才能正常工作。我了解DNN加载样式表的流程,并且已经
问题内容: 作为Web开发人员,您经常会遇到一些问题,如果有类似价值计算之类的问题,很容易解决。 我经常想知道为什么无法在CSS中执行以下操作: 例如,这将解决您想要垂直对齐元素时遇到的一些问题。现在很难使用CSS垂直对齐元素,并且会产生相当大的开销。 在您知道元素的固定高度的情况下,您不需要这样做。但是,一旦高度发生变化(较长的文字等),您就会迷上了一个元素的总高度。 使用附加的JS可以轻松解决
问题内容: 我们正在使用新的css3多列布局属性将我们的文本输入报纸专栏。每列的宽度都是固定的,并且列数默认为“ auto”,这意味着浏览器可以确定有多少列。 如何在Javascript中将实际的列数获取为整数? 如果查询CSS的“ column-count”(或-moz-column-count),则结果为“ auto”或空白。 问题答案: 秘诀是在内容的末尾放置一个小标记。您可以通过编程方式添
问题内容: 我设计了10多个站点,但我仍然对“我应该使用正确的单位是什么”有个疑问。无论是px还是em或%。请引导我正确的方向 编辑1:用于版式(特别是对于容器盒) 问题答案: 根据上下文的不同单位。如果有一个最适合每种情况的单位,那么就不会有那么多单位。 按照经验法则: 如果您正在处理屏幕媒体: 使用的字体大小 使用的图像 使用,或表示盒子尺寸 线高使用比例 如果您使用打印介质: 最好避免(无论
问题内容: 我试图找到一个可以理解的答案,但是放弃了。 为了在水平网站上具有动态 内容(如博客文章和图像),您必须为像素中的主体设置固定宽度,对吗? 因为您在其中使用浮动元素,否则浮动元素会折断并包装页面,具体取决于浏览器的宽度。 编辑!* 可以使用 jQuery 来 计算 该特定值,谢谢:)在此示例中,总大小中添加了一个附加值,该值可用于浮动元素之前的内容。现在,身体将获得动态宽度! * 我最初
问题内容: 下面是两行。 第一行 是的两个项目和的一个项目。 第二行 是中的两项。 根据规范 1A + 1B = 2A 但是,当计算中包括 填充 时,总和是不正确的,如下面的示例所示。 题 如何使flex box在其计算中包括填充,以使示例中的box正确排列? 问题答案: 解决方案: 设置子元素,而不是在你的项目。 问题: 计算不使用。所以; 添加到元素并不能按照规范为您提供预期的宽度 。 例如,
问题内容: 我是Java字符串的新手,问题是我想计算字符串中特定单词的出现次数。假设我的字符串是: 现在,我也不想拆分它,所以我想搜索一个“雄猫”这个词。它在我的字符串中出现了两次! 我正在尝试的是: 它给了我46个计数器的价值!那么解决方案是什么? 问题答案: 您可以使用以下代码: 演示版 它匹配。 表示在找到匹配项时执行循环内给出的任何操作。并且我将by 的值递增,因此很显然,这给出了一个字符