【建站服务】鄄城申请400电话费用【鄄城企业全国热线电话办理】鄄城开通400电话电信价格、鄄城微信公众号代运营外包托管、鄄城网店编辑装修美工、鄄城网站推广优化大概需要多少钱-域名申请

当前位置：首页» 公司新闻 » 【建站服务】鄄城申请400电话费用【鄄城企业全国热线电话办理】鄄城开通400电话电信价格、鄄城微信公众号代运营外包托管、鄄城网店编辑装修美工、鄄城网站推广优化大概需要多少钱-域名申请

作者: 风兰 . 阅读量： 5 . 发表时间：2022-09-20 15:42:31

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

鄄城申请400电话费用【鄄城企业全国热线电话办理】鄄城开通400电话电信价格、鄄城微信公众号代运营外包托管、鄄城网店编辑装修美工、鄄城网站推广优化大概需要多少钱

网站建设.jpg

鄄（juàn）城县，隶属于山东省菏泽市，位于山东省西南部，西北两面跨黄河与河南省毗邻，因境内有鄄邑、鄄城而得名，截至2018年12月底，鄄城县土地调查面积1037.67平方公里。 [1]

鄄城县是国家级生态示范区，全国粮食生产基地县，全国平原绿化先进县，全国鲁西黄牛和中国斗鸡保种基地，古代军事家、一代兵师孙膑的故里，是山东省首批20个省管县之一，列入国家民政部命名的“千年古县”。 [2]

2019年，鄄城县下辖2个街道、13个镇、2个乡 [3] 。2018年，鄄城县常住人口76.41万人，实现地区生产总值（GDP）198.67亿元，其中，第一产业增加值28.7亿元，第二产业增加值92.31亿元，第三产业增加值77.66亿元，三次产业构成为14.4：46.5：39.1，人均地区生产总值25416元。 [4]

winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉

<meta name="msapplication-tap-highlight" content="no">

webkit表单元素的默认外观怎么重置

.css{-webkit-appearance:none;}

webkit表单输入框placeholder的颜色值能改变么

input::-webkit-input-placeholder{color:#AAAAAA;}input:focus::-webkit-input-placeholder{color:#EEEEEE;}

webkit表单输入框placeholder的文字能换行么
ios可以，android不行~

在textarea标签下都可以换行~

IE10（winphone8）表单元素默认外观如何重置
禁用 select 默认下拉箭头

::-ms-expand 适用于表单选择控件下拉箭头的修改，有多个属性值，设置它隐藏 (display:none) 并使用背景图片来修饰可得到我们想要的效果。

select::-ms-expand {display: none;}

禁用 radio 和 checkbox 默认样式

::-ms-check 适用于表单复选框或单选按钮默认图标的修改，同样有多个属性值，设置它隐藏 (display:none) 并使用背景图片来修饰可得到我们想要的效果。

input[type=radio]::-ms-check,input[type=checkbox]::-ms-check{display: none;}

禁用PC端表单输入框默认清除按钮

当表单文本输入框输入内容后会显示文本清除按钮，::-ms-clear 适用于该清除按钮的修改，同样设置使它隐藏 (display:none) 并使用背景图片来修饰可得到我们想要的效果。

input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear{display: none;}

禁止ios 长按时不触发系统的菜单，禁止ios&android长按时下载图片

.css{-webkit-touch-callout: none}

禁止ios和android用户选中文字

.css{-webkit-user-select:none}

参考《如何改变表单元素的外观(for Webkit and IE10)》

打电话发短信写邮件怎么实现
打电话

<a href="tel:0755-10086">打电话给:0755-10086</a>

发短信，winphone系统无效

<a href="sms:10086">发短信给: 10086</a>

写邮件，可参考《移动web页面给用户发送邮件的方法》

<a href="mailto:peun@foxmail.com">peun@foxmail.com</a>

模拟按钮hover效果
移动端触摸按钮的效果，可明示用户有些事情正要发生，是一个比较好体验，但是移动设备中并没有鼠标指针，使用css的hover并不能满足我们的需求，还好国外有个激活css的active效果，代码如下，

<!DOCTYPE html><html><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta content="email=no" name="format-detection"><style type="text/css">a{-webkit-tap-highlight-color: rgba(0,0,0,0);}.btn-blue{display:block;height:42px;line-height:42px;text-align:center;border-radius:4px;font-size:18px;color:#FFFFFF;background-color: #4185F3;}.btn-blue:active{background-color: #357AE8;}</style></head><body><div class="btn-blue">按钮</div><script type="text/javascript">document.addEventListener("touchstart", function(){}, true)</script></body></html>

兼容性ios5+、部分android 4+、winphone 8

要做到全兼容的办法，可通过绑定ontouchstart和ontouchend来控制按钮的类名

<!DOCTYPE html><html><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta content="email=no" name="format-detection"><style type="text/css">a{-webkit-tap-highlight-color: rgba(0,0,0,0);}.btn-blue{display:block;height:42px;line-height:42px;text-align:center;border-radius:4px;font-size:18px;color:#FFFFFF;background-color: #4185F3;}.btn-blue-on{background-color: #357AE8;}</style></head><body><div class="btn-blue">按钮</div><script type="text/javascript">var btnBlue = document.querySelector(".btn-blue");btnBlue.ontouchstart = function(){this.className = "btn-blue btn-blue-on"}btnBlue.ontouchend = function(){this.className = "btn-blue"}</script></body></html>

屏幕旋转的事件和样式
事件
window.orientation，取值：正负90表示横屏模式、0和180表现为竖屏模式；

window.onorientationchange = function(){switch(window.orientation){case -90:case 90:alert("横屏:" + window.orientation);case 0:case 180:alert("竖屏:" + window.orientation);break;}}

样式

//竖屏时使用的样式@media all and (orientation:portrait) {.css{}}//横屏时使用的样式@media all and (orientation:landscape) {.css{}}

audio元素和video元素在ios和andriod中无法自动播放
应对方案：触屏即播

$('html').one('touchstart',function(){audio.play()})

可参考《无法自动播放的audio元素》

摇一摇功能
HTML5 deviceMotion：封装了运动传感器数据的事件，可以获取手机运动状态下的运动加速度等数据。

手机拍照和上传图片
<input type=”file”>的accept 属性

<!-- 选择照片 --><input type=file accept="image/*"><!-- 选择视频 --><input type=file accept="video/*">

使用总结：

ios 有拍照、录像、选取本地图片功能
部分android只有选取本地图片功能
winphone不支持
input控件默认外观丑陋
微信浏览器用户调整字体大小后页面矬了，怎么阻止用户调整
原因

android侧是复写了layoutinflater 对textview做了统一处理
ios侧是修改了body.style.webkitTextSizeAdjust值
解决方案：

android使用以下代码，该接口只在微信浏览器下有效(感谢jationhuang同学提供)

/**
* 页面加入这段代码可使Android机器页面不再受到用户字体缩放强制改变大小
* 但是会有一个1秒左右的延迟，期间可以考虑通过loading展示
* 仅供参考
*/(function(){if (typeof(WeixinJSBridge) == "undefined") {document.addEventListener("WeixinJSBridgeReady", function (e) {setTimeout(function(){WeixinJSBridge.invoke('setFontSizeCallback',{"fontSize":0}, function(res) {alert(JSON.stringify(res));});},0);});} else {setTimeout(function(){WeixinJSBridge.invoke('setFontSizeCallback',{"fontSize":0}, function(res) {alert(JSON.stringify(res));});},0);}})();

ios使用-webkit-text-size-adjust禁止调整字体大小

body{-webkit-text-size-adjust: 100%!important;}

最好的解决方案：

整个页面用rem或者百分比布局
消除transition闪屏
网络都是这么写的，但我并没有测试出来

.css{/*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/-webkit-transform-style: preserve-3d;/*（设置进行转换的元素的背面在面对用户时是否可见：隐藏）*/-webkit-backface-visibility: hidden;}

开启硬件加速
解决页面闪白
保证动画流畅

.css {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

参考《用CSS开启硬件加速来提高网站性能》

取消input在ios下，输入的时候英文首字母的默认大写

<input autocapitalize="off" autocorrect="off" />

android 上去掉语音输入按钮

input::-webkit-input-speech-button {display: none}

android 2.3 bug

@-webkit-keyframes 需要以0%开始100%结束，0%的百分号不能去掉
after和before伪类无法使用动画animation
border-radius不支持%单位
translate百分比的写法和scale在一起会导致失效，例如-webkit-transform: translate(-50%,-50%) scale(-0.5, 1)

android 4.x bug