设置页面的最小宽度

CSS语法中很有用的一个属性是 min-width 。通过这个属性你可以设置任何元素的最小宽度。也就是说你也可以用这个来限制页面显示的最小宽度。但有个小问题是:IE浏览器无法为<body>元素设置min-width,因此要让这个属性起作用,我们需要走点弯路。首先在<body>后面插入一个<div>:

<body>
<div class="container">

  然后在CSS定义里面定义最小宽度为600px:

#container
{
min-width: 600px;
width:expression(document.body.clientWidth < 600? "600px": "auto" );
}

  第一个属性是最小宽度定义的标准写法;第二个属性则是只有IE能够理解的javascript表达式。你也可以同时设定页面的最大最小宽度:

#container
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
}

时间: 2024-08-06 07:59:11

设置页面的最小宽度的相关文章

如何设置页面缓存或不用页面缓存

一.设置页面缓存 1.直接在页面上用<%@ OutputCache Duration="10" VaryByParam="None" %>声明来缓存页面 2.使用服务端方法: //将Cache-Control标头设置为HttpCacheAbility值 Response.Cache.SetCacheability(HttpCacheability.Public); //将页面的绝对过期时间 Response.Cache.SetExpires(DateTi

7.4 设置页面间的链接

如果我们把淘宝网案例的主页.登录页面.注册页面.商品展示页.商品详细介绍页.购买页等页面都做好了,并且应用了模板和样式,其实这些页面还都是孤立的,没有任何联系,那如何将这些页面之间相互联系起来?从而形成一个有机的整体. 我想大家会异口同声地回答使用超链接,没错!就是使用超链接.超链接能把同一网站中同一页面不同部分,同一网站中不同的页面.不同网站中不同页面不同部分.不同网 站中不同页面链接起来,从而在不同网站.不同页面.同一页面不同部分之间建立起千丝万缕的联系. 请大家按下面的要求把有关页面通过超

深度分析:Android中Mms设置页面更改短信中心号码流程

相关控件初始化方法:showSmscPref private void showSmscPref() { int count = MSimTelephonyManager.getDefault().getPhoneCount(); boolean airplaneModeOn = Settings.System.getInt(getContentResolver(), Settings.System.AIRPLANE_MODE_ON, 0) != 0; for (int i = 0; i < c

WordPress 后台添加额外选项字段到常规设置页面

有时候我们需要添加一些额外的设置选项到常规设置(后台 > 设置 > 常规)页面,下面是一个简单的范例: 直接添加到主题的 functions.php 即可: /*** WordPress 添加额外选项字段到常规设置页面* http://www.wpdaxue.com/add-field-to-general-settings-page.html*/$new_general_setting = new new_general_setting();class new_general_setting

设置页面不缓存 no-cache

html中设置方法 <head> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="0"> </head> j

WP Store APP 设置页面横竖屏的方法

在 windows phone store app 中,判断和设置页面横竖屏的方法,与 silverlight 中的 Page 类 不同,不能直接通过 Page.Orientation 进行设置.而是通过 DisplayInformation 类,方法如下: // 横屏 Windows.Graphics.Display.DisplayInformation.AutoRotationPreferences = Windows.Graphics.Display.DisplayOrientations

CSS3改变页面默认选中背景颜色及设置页面禁止全选或局部选择

改变默认选中的背景颜色 ::-moz-selection{background:#FF0000;color:#FFFFFF;} ::selection {background:#FF0000;color:#FFFFFF;} code::-moz-selection {background:#FF0000;color:#FFFFFF;} code::selection {background:#FF0000;color:#FFFFFF;} 设置页面禁止选中 /*全局*/ html,body{ pa

五分钟搭建App设置页面

原文出处: 陈燕翔(@燕翔de专注)   欢迎分享原创到伯乐头条 本节主题(Storyboard/模型思想搭建设置页面) 设置(Setting)页面的搭建(实现效果) 开发方式(这里提供两种,个人感觉第二种重用性较高,推荐使用.但第一种较为简单,视开发需求选择) (1)纯代码 + StoryBoard混合 开发 (2)纯代码 + 模型 思想 设置页面的搭建 假设你已经搭建出了这个基本框架<十分钟搭建App主流框架>但这毕竟是个空壳,下面让我们把设置页面简单的搭建一下吧 注:本文仅仅提供简略的搭

解决搜狗高速模式及设置页面打不开的问题DisableFeature.reg

搜狗浏览器安装问题1.安装的时候要选择自定义安装,去掉参加用户体验计划的√,否则可能安装不上.2.搜狗sogou_explorer_7.0_0111.exe,设置页面se://settings/?category=general打不开,网站高速模式打不开,兼容模式可以打开.[解决办法]运行regedit,打开HKEY_CURRENT_USER\Software\SogouExplorer,新建DWORD值键值DisableFeature=16进制2000000. 解决搜狗高速模式及设置页面打不开