使用viewport可以很好的在手机页面上对页面进行适配,但也有一种情况没法使用viewport来适配。比如在APP内的WebView中,未明确设置setUseWideViewPort(true)时,这个时候webview显示网页就会忽略viewport标签造成页面不适配。显示结果就是:比如页面的宽度是720px,在webview中页面显示会明显的比较大,出现横向和纵向滚动条,而在系统浏览器中却显示正常。这种情况下页面该如何修改来适配?方案一:修改APP代码,添加webView.getSettings()
仅是博主使用ueditor的一点经验。遇到问题:使用代码高亮时如果遇到代码过长则无法换行,而是把区域顶出容器外。解决办法:替换官网SyntaxHighlighter最新版本的,我使用的是3.0.83版本。具体方法如下:1.从官网下载最新版的插件并放到项目目录下,官网下载地址http://alexgorbatchev.com/SyntaxHighlighter/2.修改百度的ueditor.parse.js文件如下部分,注释掉下面被注释的内容UE.parse.register('insertcode
设计手机界面时,因各手机的分辨率以及密度值不同所以默认在各手机上面的显示也不尽相同,甚至显示比较糟糕。viewport的出现则就是为了解决这个问题,其作用如下:浏览器根据设定的viewport属性width,显示时动态缩小或者放大页面使内容看起来完全适配,缩放的比率值是:window.screen.availWidth/viewport.width。假如页面设计宽度是720px,则使用如下设置:<metaname="viewport"content="width=720