首页 > TAG信息列表 > responsive-design

在Jquery Slider中使用PHP选项

因此,我不确定是否遗漏了一些明显的内容. (我认为这可能与两种语言的不兼容有关,因为据我所知,PHP是在服务器上解释的？)…尽管我对PHP还是很陌生. 我在基于WordPress的自定义网站首页上使用了很棒的Jquery插件ResponsiveSlides.使用以下代码,效果很好： $(".home-slides").responsive

javascript-CreateJS-缩放画布不会缩放鼠标坐标

我正在一个大项目中,通过JSON数据和CreateJS在Canvas中创建练习.在HTML 5中使用它的目的是不必为手机使用单独的应用程序,您可以随时使用网站. 一切正常,但是在移动设备中,Canvas被重新缩放为全屏.这是通过检查屏幕尺寸来完成的,如果尺寸足够小,可以移动,则可以通过以下代码缩放画

javascript-如何禁用低于特定设备宽度的JQuery？

我希望在移动设备宽度(768px及以下)处停止JQuery函数. 我试过使用$(window).width()来检测屏幕宽度,然后使用if语句,但似乎无法使其正常工作. $(document).ready(function(){ var resolution = $(window).width(); if (resolution >= 768) { $('.img-1').hover(function()

javascript-将多个Bootstrap菜单合并为一个移动菜单？

我一直在看这个先前问过的问题： Consolidate Multiple Bootstrap 3 navbar menus on collapse 正如您在this fiddle中所看到的,它提供了一个很好的解决方案 问题是,对于我当前的布局,此解决方案并不完美.显示方式如下： 它适用于我猜想的其他情况,但是在我的情况下,顶部导航栏将显示：

javascript-使用CSS / jQuery的自适应字体大小

我想在div中创建一个响应文本. 我尝试了jquery-textfill和FlowType,但它们根本不适合我. FlowType不会使用所有可用空间,仅使用其中一部分(demo),而textfill不考虑高度(demo). 我是不正确地使用它们还是我想要的东西很难实现？ 我的HTML： <body> <div class="external">

javascript – 基于容器宽度动态调整文本大小

我正在开发一个响应式设计,我有一些显示< h3>当浏览器窗口的宽度减小时我想缩小的标签. 初始设置,基于960px的宽度： > body font-size设置为14px > h3标签的字体大小为40px>包含div的宽度为230px 所以这就是我为javascript / jQuery所做的事情： $(window).resize(function(){ va

HTML5：使用javascript检测您是使用手机还是PC？

参见英文答案 > What is the best way to detect a mobile device?                                    51个 我可以使用哪些JavaScript代码来检测用户是否在HTML5中的移动或PC / mac浏览器上？解决方法:几年前我正在研究这个问题.简而言之,您

javascript – 什么是使d3.js可视化布局响应的最佳方法？

假设我有一个直方图脚本,可以构建一个960 500 svg图形.如何调整响应,以便调整图形宽度和高度是动态的？ <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall distribution. for (var i = 0; i

javascript – zurb foundation 3中的固定宽度列

如何在zurb foundation 3中实现固定列网格？目前,基金会的网格是流动的,并且基于百分比.我想实现类似于bootstrap(非流体)网格的东西,其中只有4个posibilites显示你的网格如何显示(至少直到它下降到移动,这是流动的) 我想保留基础网格的功能(和语义),所以我不想简单地将它换成自举网

android gridlayout实现

我正在尝试开发一个新项目.我的客户希望我设计当前的GooglePlay设计(每个附件的块设计).这就是为什么我很困惑< android.support.v7.widget.GridLayout>对于实现这样的块设计特征是否有用.如果没有,请告诉我怎么做？解决方法:你可能想看看http://developer.android.com/design/buildi

开始使用Android应用程序的photoshop设计

我正在设计一个在Photoshop中的Android应用程序.但我自己陷入了第一步. 我有这么多的困惑,在搜索谷歌混乱的解决方案增加了三倍. 我最大的困惑是 1.画布尺寸应该是多少？2.状态栏的大小是多少3.我必须将多少大小的资产移交给开发团队. 很少有人建议我在DP做一切.再次混乱. 1.如何在DP

android – Viewport单元在Cordova Mobile App中不起作用

我正在尝试将响应式网页设计应用到我的应用程序,以便它适应多个屏幕.因此,我在css中使用了视口单元(vw和vh),用于从font-size到margin的所有内容.但是cordova webview不支持视口单元.我被困在这里 有没有办法解决方法让vh和vw单位在cordova webview上工作？ 要么是否有任何其他方式为

javascript – 轨道滑块：字幕不显示

我正在尝试将Foundation 3幻灯片Orbit实现到我的Foundation移动响应式设计中.当我尝试在幻灯片上放置标题时,没有显示标题栏.这是基于包含的主页模板,因此滑块组件的CSS没有从提供的内容中更改,但包含了覆盖CSS文件,但不应影响任何内容. (style.css)我试过两种方法,都不行. You can

响应式设计无法在Android上运行？

我正在测试Nexus 4 – 4.1.1 – 768×1280和Xperia Z – 4.2.2 – 1080×1920 ……在这两种情况下,我的网站(对台式机都有响应)在Android手机中仅部分响应. WP8工作正常(令人惊讶) – 和iPhone 5一起工作 – 除了高度比它应该多一点(粘性页脚没有显示).这就好像CSS认为额外

javascript – 如何避免顶级空间并在行李中制作全尺寸？

有没有选择避免顶部空间. 实际上我正在寻找解决方案,以显示全宽和全高. 演示http://jsfiddle.net/ugFmE/12/ var g = new JustGage({ id: "spedometer", title: "Monthly expense", value: 1986, min: 0, max: 2450, shadowOpacity: 0, relativeGaugeSize: true })

具有屏幕宽度条件的PHP

如果屏幕宽度小于480px(移动设备,响应),我试图限制我在Wordpress上的帖子. 但是我遇到了问题,因为我发现你不能使用PHP来检测屏幕宽度,这是我需要的,因为我使用PHP来调整帖子号码.我希望有类似的东西： <?php /* Start the Loop */ ?> <?php if media-screen < 480px { query_po

WURFL与PHP响应式设计的开销

我正在开发一个内部项目管理基于Web的应用程序,需要支持移动设备和桌面. 它是用Symfony2,jQuery,HTML5构建的. 在服务器端和客户端,使用WURFL而不是响应式设计之间是否存在任何性能比较？具体来说,我正在考虑渲染时间,HTTP调用(它的AJAX非常重).解决方法:性能方面的响应式设计将整个

javascript – Bootstrap词缀总是“跳跃”

我想在侧边栏上使用bootstrap的affix插件.但是,由于我的网站是响应式的,它总是在某些方面跳跃,我无法让它正常工作.我尝试了这里列出的解决方案：How to use the new affix plugin in twitter’s bootstrap 2.1.0?,但它不仅仅是工作. Here’s a demo 我知道如何在具有固定宽度的网站

如何使用javascript触发用户需求的媒体查询

我有一个响应式网页,针对不同的屏幕尺寸设计了不同的设计,我正在使用@mediaquery来改变我的设计.即使屏幕尺寸没有变化,我也希望用户能够更小或更大的屏幕尺寸更改设计. 是否可以使用js触发@mediaquery而不改变其大小？解决方法:看看Enquire.js,一个轻量级的纯JavaScript库,用于响应C

javascript – 创建类似于Google Plus的菜单

我正在尝试实现类似于Google Plus的响应式菜单,其中主窗口选项在窗口调整大小时添加到“更多”下拉列表中或从“更多”下拉列表中删除. 我目前的菜单看起来像这样： 这是代码： // JQuery $(document).ready(function() { $("a.drop-menu").click(function () { $('#drop-

javascript – 如何使dhtmlx响应？

我的问题：我使用Bootstrap和DHTMLX来构建一个Web应用程序,该应用程序有一个主页,侧边栏和不同的其他页面,我在其中使用DHTMLX来构建布局,网格和我使用其他DHTMLX组件.我设法让我的主页响应,其他HTML组件也完美地显示在不同的设备,但我的问题是DHTMLX布局和网格,从来没有响应！我一直在

javascript – 如何禁用swipe.js轮播

我正在尝试将图像列表转换为旋转木马.我正在使用swipe.js(swipejs.com)库,因为它的表现非常出色. 我希望当车身宽度达到小于540px时启动轮播,但如果窗口调整到大于540px的车身宽度,则需要反转,这将被恢复. $(window).resize(function() { var bodyWidth = $('body').width();

javascript – 移动菜单未在iPhone上关闭

我被告知在iPhone上没有关闭the mobile menu on my page(可通过右上方的3个水平条图标访问).我无法检查自己,因为我没有Apple设备(在线iPhone模拟器上它确实有效)但我不明白为什么它可以在Android而不是在iPhone上运行. 这是控制移动菜单的JS代码： $( '#mobile_menu_icon' ).click(

javascript – 如何使用bootstrap创建像响应式选项卡这样的导航栏？

如何使用bootstrap创建像响应式选项卡这样的导航栏？ 我的要求是制作应该像引导导航栏一样响应的选项卡.我试过这样的…… <nav class="navbar navbar-default"> <!-- We use the fluid option here to avoid overriding the fixed width of a normal container within the na

javascript – d3生成的SVG没有响应

我正在尝试创建一个响应式SVG.我已经成功创建了一个示例SVG： <html xmlns:xlink="http://www.w3.org/1999/xlink"><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </head> <body> <div id=