“前”方有坑,绕道而行(一)-- H5+CSS

1. 关于  数字、英文 不换行问题;

  情景:昨天测试 小程序,输入英文,没有换行,且 下方有横向滚动条;

  解决:word-break; 

     word-break:break-all;   /*只对英文起作用,以字母作为换行依据*/

     word-wrap:break-word;   /*只对英文起作用,以单词作为换行依据*/

     white-space:pre-wrap;   /*只对中文起作用,强制换行*/

     white-space:nowrap;     /*强制不换行,都起作用*/

     white-space:nowrap;     /*不换行,溢出隐藏*/     overflow:hidden;     text-overflow:ellipsis;

  注意:容器必须有 宽度

2. 禁止移动端 缩放

 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

3. 指定网页使用webkit 引擎渲染

  只对 360 浏览器 6.5+ 有效。 强烈要求pc网站加上

 <meta name="renderer" content="webkit">

4. 防止百度转码代码挂广告

 <meta http-equiv="Cache-Control" content="no-siteapp" />
时间: 2024-10-18 21:38:57

“前”方有坑,绕道而行(一)-- H5+CSS的相关文章

H5+css从入门到精通

当然css代码很多,不可能这么快就精通的,我们只能慢慢来 css层叠样式表是嵌套在html代码内部的 一般格式都是<style> type="text/css"                           #siderRight {                              float:left;                              width:200px;                              height

H5 css学习

p{text-indent:2em;}段前空两格 段落排版--行间距(行高) p{line-height:1.5em;} 段落排版--中文字间距.字母间距  h1{    letter-spacing:20px;  } 段落排版—对齐 h1{    text-align:center/left/right;} CSS元素分类: 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<

h5 . css入门 2.CSS基础

CSS基础 学习目标 1.CSS简介 2.CSS语法 3.样式的创建 4.两种引入外部样式表的区别 5.样式表的优先级和作用域 6.CSS选择器 7.选择器的权重 8.浮动属性的简单应用 9.HTML.CSS注释 一.CSS简介 英文全名:cascading style sheets(百度百科) === cascading style sheet层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式.目前推荐遵循的是W3C发

h5 CSS RESET

/*! normalize.css v2.0.1 | MIT License | [git][4].io/normalize */       /* ==========================================================================        HTML5 display definitions        ============================================================

H5 CSS的格式

02-CSS的格式 p { text-align: center; color: red } 我是标题 我是段落 我是段落 我是段落 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>02-CSS的格式</title> <style type="text/css"> p{ t

实训H5+CSS 太极图

大概就是上面这个样子 我们准备 两个半圆,两个大圆,两个小圆,然后稍微的进行覆盖就行~ 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style type="text/css"> 7 8 #big{ 9 height: 300px; 10 width: 30

h5/css动态旋转木马源码

html,body{ height: 100%;} *{ box-sizing:border-box;} .imgBox{ transform-style: preserve-3d; position: relative; width:100px; height: 100px; margin:200px auto 0;} .imgBox img{width:100%; height: 100%; position: absolute; top:0; transition: transform 1

h5+css设计登录页面

<!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"><head><meta http-equiv="Content-Typ

H5+混合移动app应用开发——开篇

前言 经过2个多月的艰苦奋斗,app的第一个版本已经快完工了,期间遇到了太多的坑,作为一个喜欢分享的人,我当然不会吝啬分享这爬坑历程.不要问我有多坑,我会告诉你很多,很多..... 过去一直从事.net web开发工作,直到几个月前,公司需要开发一个h5+,于是我这样的全能型选手自然而然就被派去搞web app开发,在开发中遇到了太多的问题,一路过来也解决了太多的问题. 技术选型 html5.html5+.vue.js.mui.js 为什么没有jquery?因为,根本用不着,我们知道jquery