用js判断屏幕的宽度，改变html字体大小用rem布局

if (document.documentElement.clientWidth > 600) {//页面宽度大于600px让其宽度等于600px,字体大小等于60px，居中

document.documentElement.style.width = "600px";

document.documentElement.style.fontSize = "60px";

document.documentElement.style.margin = "0 auto";

} else {//否则让其根节点字体大小等于宽度/10px

document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + "px";

}

原文地址：https://www.cnblogs.com/hyx626/p/10141557.html

时间： 2024-11-07 15:39:48

用js判断屏幕的宽度，改变html字体大小用rem布局的相关文章

一个JS判断客户端是否已安装某个字体(Only IE)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" dir=&qu

iOS中通过设置CSS改变WebView字体大小，颜色，背景颜色

因为WebView自带的属性是不可以改变字体大小颜色这些需求的,只能通过改变css样式,内置来解决.在百度上搜了半天很多不靠谱,现在给出几种解决方案如下: 1.第一种方式:在WebView的代理方法webViewDidFinishLoad中: 字体大小: [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '12

js 判断屏幕下拉上滑操作

var startX = startY = endX = endY = 0; var body = document.getElementById("dind"); body.addEventListener('touchstart', function(event){ var touch = event.targetTouches[0]; //滑动起点的坐标 startX = touch.pageX; startY = touch.pageY; // console.log(&quo

JS获取屏幕的宽度和高度

<html> <script> function a(){ document.write( "屏幕分辨率为:"+screen.width+"*"+screen.height +"<br />"+ "屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight +"<br />"+ "网页可见区

js判断下拉框改变状态

<script> $('#questSort').change(function(){ var s=$('#questSort').children('option:selected').val(); if(s==1){ var d=document.getElementById('q'); d.style.display="none"; }else{ var d=document.getElementById('q'); d.style.display="blo

Android设置不被系统设置改变的字体大小

原因 从4.0开始,系统设置中“显示”可以对字体大小进行配置,这会影响到TextView等控件中文字显示的大小. 解决方案 在自定义的Activity中重写getResources方法 @Override public Resources getResources() { Resources res = super.getResources(); Configuration conf = new Configuration(); conf.setToDefaults(); res.updateC

多点触控改变WebView字体大小

实现多个手机操作字体放大缩小,需要重写dispatchTouchEvent方法.直接上代码: public boolean dispatchTouchEvent(MotionEvent event) { String fontSize = getSharedPreference("fontSize","normal");//代表储存的字体大小 double startLength; int eventNum = event.getPointerCount();//获

前端常用的几个js判断（一）

1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });}); 2. 隐藏搜索文本框文字Hide when clicked in the search field, the value.(example can be found below in the comment fields)$(document).ready(function() {

改变TextView文字中部分字体大小

我想把TextView设置成如下图所示的效果,一开始我是想用textView.setText("已为<font size=18sp>88</font>位")类似的代码实现,于是发现android自带的这样一个方法Html.fromHtml(),即可以实现在文字里加入html标签的样式,但是该方法font标签并没有size这个属性,只有color和face.因此只能通过big和small来控制字体大小,代码如下:textView.setText(Html.from