Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
在网页中的 div 中使用 REM 单位
我有一个页面使用 REM 单位和媒体查询 说inner php 我将该页面包含到我的其他网页中 假设outer php包含inner php 这里 inner php 使用 html font size 作为断点 喜欢 media all
css
responsivedesign
根据容器大小进行字体缩放
我很难理解字体缩放 我目前有一个带有正文的网站font size100 100 但什么 这似乎是按 16 像素计算的 我的印象是 100 在某种程度上指的是浏览器窗口的大小 但显然不是 因为无论窗口大小调整为移动宽度还是成熟的宽屏桌面 它始
css
responsivedesign
fontsize
如何优雅地降级 CSS 视口单位?
CSS 视口单位 vw vh vmin vmax 非常棒 我想开始将它们用于字体 但我注意到here http caniuse com viewport units他们没有得到广泛的支持 我尝试在不支持的浏览器中搜索任何用于优雅降级的最佳实
css
crossbrowser
responsivedesign
gracefuldegradation
由于缩放问题,响应式网站无法正确显示水平线
我正在使用CSS向网站添加响应式功能 该网站已经属于他们一段时间了 现在正在添加响应式功能 以便它可以支持移动版本 我面临一个问题 假设有多行由水平线分隔 在某个地方我正在使用hr在某些地方我只是简单地使用div to 这是小提琴的示例链接
html
css
responsivedesign
Viewport
Angular 4 材质是否像 bootstrap 一样响应式?
我正在使用 Angular 4 开始一个新项目 需要创建响应灵敏且令人愉悦的用户界面 bootstrap 为您提供响应能力 但没有物质感 棱角分明的材质提供了良好的 UI 体验https material angular io https
angular
responsivedesign
angularmaterial2
Chrome 扩展程序“Window Resizer”的替代方案
鉴于最近的争议 2013 年 12 月 http www reddit com r YouShouldKnow comments 1snyyl ysk the chrome extension called window resizer 通
Googlechrome
googlechromeextension
resize
responsivedesign
响应式 JavaScript:仅针对小设备宽度执行代码
我有一些简单的 JavaScript 嵌入在事件中 我只想为小型设备触发它们 电话等 目前我正在做 if window width lt 606 do things 但这感觉很笨拙 有没有办法只对小于某个断点的设备执行此操作 除了设置较早的
javascript
jQuery
twitterbootstrap
responsivedesign
CSS Flexbox - 根据屏幕尺寸组织弹性项目
我有一个弹性项目容器 我试图根据屏幕尺寸以不同的布局组织不同数量的弹性项目 例如 在桌面上 我想要有 4 个容器 每个容器有 2 个项目 布局在 2x4 网格中 每个单元格为 1x2 我似乎无法理解的是纯粹使用 Flexbox 在平板电脑上
html
css
responsivedesign
flexbox
制作一个具有响应宽度且仅 CSS 的箭头形状
我正在尝试制作一个带有向上箭头的容器 我熟悉边框绘制技巧 https stackoverflow com questions 7073484 how does this css triangle shape work并认为这是一个可能的解决
css
responsivedesign
Border
如何创建从左下角到右上角的动态对角线?
我创建了一个简单的布局 其中有三个可以交互的 div 一个是屏幕中间的徽标 另一个是使用 jQuery 将两个块移出屏幕 我用的是skewCSS 中应用度数转换的选项 我想根据屏幕应用一定的程度 因此该程度将正确应用于所有屏幕 视觉示例 h
javascript
jQuery
Dynamic
responsivedesign
diagonal
如何根据某人是否使用移动设备来更改我的 Angular 组件 HTML?
我想配置我的 Angular 9 应用程序以不同方式显示组件 具体取决于某人是否使用移动设备来观看它 当我用 Python 构建模板时 有一个 user agents 包 它允许我根据移动路径检测和提供不同的 HTML load user
angular
Mobile
responsivedesign
angular9
响应式 CSS / 内联 div
我正在尝试使用 CSS 来放置100 width div穿过页面 然后在该页面下方div 2 divs inline那是50 每个每个10px padding在所有的divs 然后随着页面变小 使两个50 divs 更改为100 这是我到目
html
css
responsivedesign
cssfloat
SVG 容器在 Safari 桌面中呈现错误的大小(在 Chrome/iOS 中正常)
我以为 Safari 已经解决了这个问题 但它似乎仍然是一个问题 除非我做了一些明显错误的事情 我在对象标签内放置了一个 SVG 它被包裹在一个灵活的包含 DIV 中 例如设置为宽度 50 在调整大小时 容器高度在 Firefox Chro
SVG
safari
responsivedesign
inline
CSS 背景精灵对于 iPhone 来说太大
我有一个用于 css 背景的精灵表 尺寸为 2000x2000 像素 在所有桌面浏览器中都可以正常工作 但在 iPhone 版 Safari 上则完全不渲染 将尺寸降低到 1000x1000 可以完美渲染 好吧 除了我现在错过了精灵表的四分
iphone
css
safari
responsivedesign
csssprites
响应式设计 - 适用于智能手机和平板电脑的标准断点/媒体查询
当您进行响应式设计编码时 智能手机和平板电脑的标准宽度是多少 我查看了不同的网站 但似乎没有找到任何好的标准宽度模板 你们在编码响应式设计时通常对断点 媒体查询做什么 如果有人有适合平板电脑 智能手机等的不同分辨率的好模板 请分享 谢谢 有
responsivedesign
响应式设计移动和桌面
有几件事我实在是想不通 如今 手机的分辨率与桌面显示器一样好 在构建响应式网站时 您可以使用媒体查询并使事情变得流畅 这些媒体查询基于屏幕大小 以像素为单位 假设我制作了一个响应式网站 并将其设计为 480px 800px 和 1080px
responsivedesign
使 d3.js 可视化布局响应式的最佳方法是什么?
假设我有一个直方图脚本 可以构建 960 500 svg 图形 我如何使其响应 以便调整图形宽度和高度是动态的
javascript
responsivedesign
d3js
使用 CSS 和 SVG 的钻石菜单项
我想用 HTML CSS 编写以下设计代码 到目前为止我所做的是 我用以下方法做到了 a links SVG 作为背景 CSS中的绝对位置和translate x y 属性 请检查这个fiddle http jsfiddle net sha
css
SVG
responsivedesign
cssshapes
在移动设备上响应,表格无法在 iframe 中工作
我遇到一个问题 我的网站在实际的移动设备上看起来不正常 但当我在计算机上调整屏幕大小时 它看起来很好 这也在 iframe 内 并且在移动设备上的 iframe 外部看起来也很好 下面是实际的URL 点击搜索玩家就会看到这个页面 http
css
iframe
Mobile
responsivedesign
csstables
如何使 TinyMCE 的模式对话框响应式?
我正在使用 Bootstrap 3 在响应式 CMS 上使用 TinyMCE4 我注意到 TinyMCE4 中的对话框 模式没有响应 这有点令人失望 我开始编写一些简单的 CSS 类来覆盖固定宽度 但似乎有大量的 CSS 类使得这项任务看起
css
twitterbootstrap
responsivedesign
tinymce
tinymce4
«
1
2
3
4
5
6
7
...15
»