viewport

Scrolling a LongListSelector by its Vertical Offset by getting its Viewport - can't add a dynamic value to SetViewportOrigin()

由 本秂侑毒 提交于 2019-12-13 19:18:36
问题 So finally, I get the ViewportControl that I've been looking for the LongListSelector from so long but when I try to scroll to a specific offset using the below methods, I'm not able to scroll to the offset. I'm using a public static class GlobalVars (Global Variables) to pass data between pages. So when a user selects an item from the LongListSelector -> Navigates to ItemDetail Page by this: private void llsArtists_SelectionChanged(object sender, SelectionChangedEventArgs e) {

Viewport on Opera Mini & WM6.1 does not match 100% of the `device-width`

由 巧了我就是萌 提交于 2019-12-13 18:13:36
问题 sample page: 256.cz/test/ with code: meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" same CSS style for mobile view and normal view latest Opera Mini from Android Market (Android version 2.1) - scale is not 100% :-( latest Opera Mini from site Opera (Windows Mobile 6.1, Native Opera Mini, Not Java) - scale is not 100% :-( latest Opera Mini from site Opera (Sony Ericsson W995) - scale 100

meta标签的一些设置说明

由 喜夏-厌秋 提交于 2019-12-13 14:49:48
<head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和 Chrome --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <!-- 页面描述 --> <meta name="description" content="不超过150个字符"/> <!-- 页面关键词 --> <meta name="keywords" content=""/> <!-- 网页作者 --> <meta name="author" content="name, email@gmail.com"/> <!-- 搜索引擎抓取 --> <meta name="robots" content="index,follow"/> <!-- 为移动设备添加 viewport --> <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios

前端知识之 bootstrap

由 心不动则不痛 提交于 2019-12-13 10:38:03
前端知识之 bootstrap 01. bootstrap的介绍和下载 01.1 介绍 Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为4.4。 注意，Bootstrap有三个大版本分别是 v2、v3和v4，我们这里学习最常用的v3。 使用Bootstrap的好处： Bootstrap简单灵活，可用于架构流行的用户界面，具有 友好的学习曲线，卓越的兼容性，响应式设计，12列栅格系统，样式向导文档，自定义JQuery插件，完整的类库，基于Less等特性。 01.2 下载 bootstap英文官方: https://getbootstrap.com/ bootstrap中文官网： http://www.bootcss.com/ 下载地址: http://v3.bootcss.com/getting-started/#download 注意： Bootstrap提供了三种不同的方式供我们下载，我们不需要使用Bootstrap的源码 和 sass项目，只需要下载生产环境的Bootstrap即可。 下载完成以后的目录如下： bootstrap/dist/ ├── css/ │ ├── bootstrap.css #

css - using media queries to scale content

由 一个人想着一个人 提交于 2019-12-13 08:24:04
问题 I'm wondering if there is a way to use media queries to scale a divs contents (not the entire browser's contents). I have a fluid width site in which, when the window resizes past a certain point, some of the content gets buried behind some other content, and I'd like to be able to scale it. I have two issues - one is that I'm using ems for the fonts, but the fonts don't scale as the browser resizes. Are they supposed to? Second, some of the contents of the div I'd like to resize are images -

Repeating a character across the full width of an element

由 我怕爱的太早我们不能终老 提交于 2019-12-13 04:15:33
问题 I am trying to write a function using JavaScript and jQuery (since I'm already using jQuery for my site) to detect the width of the view port and output a character repeated across the full width. I am trying to make a website that looks like a unix terminal and I would like the table headers to use the equal sign to repeat across the width of the screen (tables are set to width: 100%; ). I know I probably could just make a simple image of the equal sign and set it to repeat-x using CSS on an

AS3: Viewports without an end

由 ↘锁芯ラ 提交于 2019-12-13 04:02:13
问题 I'm making a space navigation game. So it starts with the user on the spaceship and then when he press the up key the ship goes forward, the 'map' is always different, I have 5 variations of stars and 2 variations of planets, so they basically 'spawn' randomly while the user navigates. I can make the key detection, the movie clips generator code, but I don't know how do I make the navigation code, I mean how do I make the viewport move when the user press the key, ... I've saw a code that I

Add a class to the image closest to the center of the viewport

由 ⅰ亾dé卋堺 提交于 2019-12-13 03:14:18
问题 On this page: [link-removed] I have a list of images and when you hover over each one it displays some info on the right, instead of triggering it on hover, how would i automatically trigger the image closest to the center of the screen so you can scroll down and the middle image will always the the selected image. Thanks. 回答1: $(window).scroll(function(){ $($(".portfolio img").sort(function(a,b){ return Math.abs(1 - (($(window).scrollTop()+$(window).height()/2-$(a).height()/2) / $(a)

Dynamic viewport with js Cordova or Phonegap Android KitKat 4.4

由 我只是一个虾纸丫 提交于 2019-12-13 02:20:17
问题 I'm using the following code to resize/scaling my app to the screen size of the any device (iOS, Android): <head> <meta charset="utf-8"> <title>App Title</title> <meta id="Viewport" name="viewport"> <script src="plugins/jquery-1.10.2.min.js"></script> <link rel="stylesheet" href="css/main.css" /> <script src="plugins/main.js"></script> <script src="cordova.js"></script> <script type="text/javascript"> $(function(){ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {

Web page (made with twitter bootstrap) zoomed in on iphone, how to force it to fit iPhone screen?

由 白昼怎懂夜的黑 提交于 2019-12-13 02:09:59
问题 I try to make html.page with twitter bootstrap (NOT responsive). I grab code for html footer from here Flushing footer to bottom of the page, twitter bootstrap But I've got some problems with it: Footer width on iPhone was less than content width. I fixed it adding min-width (see it in main2.css) Now I've got another problem: I've set viewport meta tag and disable bootstrap-responsive.css, but I don't understand why the entire page does not fit the screen on iPhone (it's kinda zoomed in)? How
订阅 viewport