English 中文(简体)
我如何设定一种条件,使我根据用户浏览器的体积进行设计改变?
原标题:How do I set up an if/or condition, such that my design changes based on the user s browser s font size?

回答者:如何从字面上检测用户的字体大小,以便将其用作变量?

我正试图根据用户自学规模(而不是浏览器zo)来做一些发言,以扩大我的场址的可使用性。

两个答复是单一案件的工作范围(所述情况)。 我最初介绍的设想不是我的最佳选择。 然而,这还是可以做到的,它符合我可以随心所欲地看到的最容易的情景。

“如果体积发生变化,则与原体内容或与体积相关的体积元素(大、外等)的价值将发生变化。”

我正设法将我的布局/任务按用户在其浏览器环境中确定的字体大小为基础。 例如,在 Chrome,如果用户将其主要字体大小确定为24-24。

Chrome: “Wrench”> “Options”>” Under the Hood”> “Change Font and Language Settings”> “Fonts and Encoding”>Serif Font>“Change”>Font Size=”24。

纽约总部

我怎么能回过来? 例如......,我要说的是,我有几张高身高的DIV,60页。

<div class="dwarfer" style="height: 60px;">Whoa?</div>

过失体积为9英寸。 如果用户将其体积设定为24英寸(视力受损者不算高),则按最小体大小计算出的速率加湿度不会导致案文暴露。 因此,最好通过一个变量来调整高度:

$divheight = 5px/1em

如果你知道该活动是什么或如何发现,请找到活动。 然后,请在PHP中树立一个榜样,根据用户选择的浏览器大小调整高峰。

我发现的最接近的解决办法是:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" » "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
<head>
  <meta http-equiv="Content-Type" content="text/html; » charset=utf-8"> 
  <title>Font Resizer Demo</title>
  <script type="text/javascript" src=" » textresizedetector.js"></script>
</head>
<body>
  <h1>Resize me, now!</h1>
</body>
</html>

目 录

<script type="text/javascript" » src="textresizedetector.js"></script>
<script type="text/javascript">
  // <![CDATA[
  /* id of element to check for and insert test SPAN into */
  TextResizeDetector.TARGET_ELEMENT_ID =  header ;
  /* function to call once TextResizeDetector was initialized */
  TextResizeDetector.USER_INIT_FUNC = init;
  // ]]>
</script>

http://www.alistapart.com/articles/fontresizing/"rel=“nofollow noreferer” http://www.alistapart.com/articles/fontresizing/。

即便使用这一法典,我也很难把四舍五入到我的安保部档案中:

/* CSS */
<?php
  //variables
  $divheight = 5px/1em
  //end variables

  //styles
  echo  .dwarfer{  . "
" .  height:  . $divheight; . "
" .  } 
  //end styles
?>

《刑法》评论 谢谢!

最佳回答

无偿使用固定设备,如x和pt。 使用 em或外。

em  1em is equal to the current font size. 2em means 2 times the size of the current font.
      E.g., if an element is displayed with a font of 12 pt, then  2em  is 24 pt. The  em 
      is a very useful unit in CSS, since it can adapt automatically to the font that the
      reader uses

ex  one ex is the x-height of a font (x-height is usually about half the font-size)
问题回答

<代码>m 而不是<代码>px。 <代码>m与目前的字体大小相对,因此,你试图做些什么,只是把你的责任变成了:

<div class="dwarfer" style="height: 1.2em;line-height:1.2em;">Whoa?</div>

不需要javascript。 这四条总会只是一行案文的足迹——如果字体越大,四面就会让步者安抚,如果电线越小,四面就会越小。

我认为,这是你所回顾的。


关于<代码>m的更多信息 单位:

页: 1 几乎在任何地方,你都会使用<代码>px。 这包括<代码>font-size规则。 因此:

<div style="font-size: 2em;">Twice as big</div>

该四所载案文与母体案文大两倍。





相关问题
Brute-force/DoS prevention in PHP [closed]

I am trying to write a script to prevent brute-force login attempts in a website I m building. The logic goes something like this: User sends login information. Check if username and password is ...

please can anyone check this while loop and if condition

<?php $con=mysql_connect("localhost","mts","mts"); if(!con) { die( unable to connect . mysql_error()); } mysql_select_db("mts",$con); /* date_default_timezone_set ("Asia/Calcutta"); $date = ...

定值美元

如何确认来自正确来源的数字。

Generating a drop down list of timezones with PHP

Most sites need some way to show the dates on the site in the users preferred timezone. Below are two lists that I found and then one method using the built in PHP DateTime class in PHP 5. I need ...

Text as watermarking in PHP

I want to create text as a watermark for an image. the water mark should have the following properties front: Impact color: white opacity: 31% Font style: regular, bold Bevel and Emboss size: 30 ...

How does php cast boolean variables?

How does php cast boolean variables? I was trying to save a boolean value to an array: $result["Users"]["is_login"] = true; but when I use debug the is_login value is blank. and when I do ...

热门标签